项目打包上线细节

一、与根目录src同级创建vue.config.js
如果不进行这一步，运行npm run build将可能导致路径不对的问题

module.exports = {
    //baseUrl:'./',
    //在vue-cli.3.3版本后 baseUrl被废除了，因此这边要写成 publicPath。
    publicPath:'./',
}

//详细配置参考：
https://cli.vuejs.org/zh/config/#pages
//写上面这里后理论上就可以提交了，公司自然会有运行index.html的环境
//但是这样本地还是看不到的，想要本地能看到index.html内容的话进行第二步

二、在router/index.js中
将mode改为’hash’

const router = new VueRouter({
    mode: 'hash',//原来是'history'
    base: process.env.BASE_URL,
    routes
})

三、npm run build

npm run build

运行后会生成一个dist文件夹，这个dist文件夹就是打包好的文件夹
此时在dist文件夹中找到index.html用浏览器打开，可以看到视图是
正确的，但地址栏是本地的，所以会报错找不到接口，这是正常的