Vue 打包过程记录

1.仅需要打包发送

在终端运行命令 npm run build，项目会生成dist这个文件夹。把这个生产文件夹发送给后端

遇到的问题
网址访问会显示空白或者404

• 需要在vue.config.js 配置文件中将基本路径‘ / ’改为‘ ./ '，重新打包

module.exports = {
  publicPath: process.env.NODE_ENV === 'production' ? './' :  '/'
}

2.要求在访问路径添加项目名

1. 根据网上搜索的需要在vue.config.js中修改基本路径，写上项目名称
2. 还需要在router的index.js文件中设置路由模式如下（设置history是为了去掉默认的#锚点）
   

但会有一个问题，改变了基本路径，静态资源访问的路径也会被修改.路径错误导致页面显示空白

• 目前查找到的解决方法
  https://www.cnblogs.com/vipzhou/p/9255552.html

编写仅供自学查看，记录遇到的问题和解决方法