1、vue-cli3之后要加载本地js资源，可以将js文件放在public文件下，即与index.html文件同级（可以创文件夹放文件夹中，比较规范）

2、在index文件中引入（注意一定要写入body标签内，不能写在头文件中）

注意一定要写入body标签内，不能写在头文件中

注意一定要写入body标签内，不能写在头文件中

注意一定要写入body标签内，不能写在头文件中 否则读不到

这里要注意两种写法，这两种引入在本地都是可以正常加载到文件，但是打包之后，第一种写法会因为路径错误404，第二种可以正常加载，所以一定要用第二种写法

3、/  与 ./ 的区别

/ 跳转到根目录下，比如你这个网页下载到d盘，那么/xxx.js 会直接打开 file:///D:/xxx.js 自然找不到文件了

./ 跳转到当前目录下，最后的查找的路径会是个全路径 file:///D:/Users/......./Downloads/dist/xxx.js 

4.vue.config.js 设置

添加配置属性

publicPath:'./',   不加的话默认时’/‘

>>>package.json文件

–mode + ‘生产环境/开发环境文件夹名称’

Tips: 生产环境/开发环境的配置要区分ENV=‘production’

命令打包:

vue-cli3.x

添加一个serverConfig.json

{
    "AppId": "2982b7ca5a",
    "token": "0F33CFBA-B4E0-4A9C-A54B-2B2DABEE7B15",
    "baseUrl": ""
}

添加一个vue.config.js文件

var GenerateAssetPlugin = require('generate-asset-webpack-plugin');
const serverConfig = require('./serverConfig.json') // 引入配置文件
const createServerConfig = function(compilation) {
    return JSON.stringify(serverConfig);
};
module.exports = {
    configureWebpack: {
        plugins: [
            new GenerateAssetPlugin({
                filename: 'serverConfig.json',
                fn: (compilation, cb) => {
                    cb(null, createServerConfig(compilation));
                },
                extraFiles: []
            })
        ]
    }
};

在main.js中

Vue.prototype.getConfigJson = function() {
    Vue.prototype.$axios.get('serverConfig.json').then((result) => {
        // console.log(result);
        Vue.prototype.baseConfig = result;
        store.commit('token', result.authorizeKey);
        // Vue.prototype.baseUrl = result.data.baseUrl; //设置成Vue的全局属性
        new Vue({
            router,
            store,
            render: h => h(App)
        }).$mount('#app')
    }).catch((error) => {
        console.log(error)
    })
}
Vue.prototype.getConfigJson() //调用声明的全局方法

yarn run build生成可修改的配置文件，可以直接修改请求路径等，不需要重新打包