历经了小半天,终于将vue项目部署成功,哈哈哈。
下面就记录这次的部署(阿里云),希望后面的小伙伴踩坑能及时跳出来!!!
问题:访问首页成功,但二级页面404。
1、vue打包
对于前端小萌新一枚,打包这个词听着好高大尚啊,是什么玩意?
前端项目打包:其实是用cli脚手架创建的项目很大啦,然后正式环境又不需要安装生产依赖环境,所以可以用webpack将项目进行精简,让项目瘦下来,好在运行的时候跑的快嘛~
2、Nginx根目录部署
- 一般来说,安装了Niginx会有这样一个目录结构,如果想直接在根目录上部署,直接将打包好的dist文件的内容剪切进去,就差不多完事了。
- 首页是能直接访问了,不过你的其他子页面就404出错了,是不是很揪心???
- 解决:在nginx.conf添加配置(try_files $uri $uri/ /index.html;)//匹配从路由跳转的页面文件
- 项目的话,只需要在根目录添加vue.config.js,配置publicPath(打包成功后的文件引入会以./开头)
module.exports = {
publicPath: '