本次的项目是基于vue-cli生成的项目,采用的vue-router的history模式。到这里相信大部人还是类似了,接下来就是一个坑死人不偿命的网上诸多博客都在采用的巨坑。在进行打包的时候,很多博客里都写了,将/config/index.js下,build中的assetsPublicPath从/改为./。问题先放在这里,我们先按照那些教程走。假设现在你的dist文件夹已经在你的云服务器中了。接下来开始nginx的配置。个人采用的是sudo apt-get install nginx安装的nginx,现在在命令行下,sudo nginx -t检查正确性,无误后sudo nginx -s reload。接下来在你的浏览器下访问cloudserverhost:3000,就可以访问到你的项目主页了。把请求路径写出来我们就会发现问题出在哪里了。因此,正式上线的项目,没有必要修改/config/index.js下,build中的assetsPublicPath。

Vuejs+vue-router打包+Nginx配置的实例