针对linux下Nginx同域名/IP 部署多个Vue前端项目,Vue打包及Nginx配置注意事项。
需要在Vue打包的时候配置不同的项目名称。
1:config下的index.js文件,assetsPublicPath参数
2:index.html文件增加meta
3:路由下的index.js文件
以上配置后打包上传到要部署的服务器对应文件夹,再配置nginx.conf文件
4:nginx.conf的server的配置
如上,多个前端项目,用多个location区分,后面跟不同的项目打包名称即可,
我这里第一个是Vue项目,第二个是普通的html项目。
这里注意的是location /zbh/,最后的斜杠可要可不要,如果加了,那么访问的时候地址后面就必须要加斜杠才能访问。
如:我后面这个sevnce的项目,不加斜杠就会404。
如果不加,访问的时候地址加不加斜杠都可以,但是不加,会自动重定向到一个加了斜杠的地址。
然后就会跳转到自己项目的首页或登录页。
以上是个人学习并部署成功后,来做个笔记,以供参考。