Vue项目打包以及部署

一. 打包 npm run build 打包项目后，出现dist文件夹，dist文件夹下的东西就是需要部署的项目。 但是遇到问题：index.html页面出现一片空白，右键检查network发现一堆错误。
解决：没有修改config配置文件，如果直接打包，系统默认的是’/’（根目录），而不是’./’（当前目录）,从而导致路径不对，页面加载不出来。 需要自己在项目的根目录下手动建一个配置文件并添上以下代码：然后在重新打包一次就可以了。 module.exports = { publicPath: ‘./’ }
当然我是这么弄得看得高大尚一点：
module.exports = {
// 基本路径 baseURL已经过时
publicPath: './',
// 输出文件目录
outputDir: 'dist',
// eslint-loader 是否在保存的时候检查
lintOnS

Vue项目打包以及部署最先出现在Python成神之路。