关于Vue项目部署后访问页面资源找不到的问题

vue项目打包

• 查看你的package.json文件，一般为：

  npm run build
  

• 如果你使用了vueadmin有可能是

  npm run build:prod
  

• 打包后默认在项目根目录下生成一个dist文件夹
• 将dist文件夹放在服务器的/var/www/html文件夹下

  如果不是第一次部署，可以在此文件夹下再创建一个文件夹，命名为项目名称

• 一般来说，没有问题的话就可以成功访问了

部署成功，但是访问时页面白屏，console报文件找不到？

解决方法

vue-cli2

1. 找到config下的index.js文件
2. 修改assetPublicPath的值为'./'

vue-cli3

1. 在项目根文件夹找到vue.config.js，没有就创建一个
2. 加入如下代码

   module.exports = {
       assetsDir: 'static',
       parallel: false,
       publicPath: './',
   }
   

偏门办法

如果你嫌部署后修改代码麻烦，你可以尝试这个方法

1. 将文件上传到/var/www/html后，多创建一层目录
2. 将static文件拉到项目同级目录

   一般来说，static文件实在你项目文件夹之内的