针对linux下Nginx同域名/IP 部署多个Vue前端项目,Vue打包及Nginx配置注意事项。

需要在Vue打包的时候配置不同的项目名称。

1:config下的index.js文件,assetsPublicPath参数

针对linux下Nginx同域名/IP 部署多个Vue前端项目,Vue打包及Nginx配置注意事项。

2:index.html文件增加meta

针对linux下Nginx同域名/IP 部署多个Vue前端项目,Vue打包及Nginx配置注意事项。

3:路由下的index.js文件

针对linux下Nginx同域名/IP 部署多个Vue前端项目,Vue打包及Nginx配置注意事项。

以上配置后打包上传到要部署的服务器对应文件夹,再配置nginx.conf文件

4:nginx.conf的server的配置

针对linux下Nginx同域名/IP 部署多个Vue前端项目,Vue打包及Nginx配置注意事项。

如上,多个前端项目,用多个location区分,后面跟不同的项目打包名称即可,

我这里第一个是Vue项目,第二个是普通的html项目。

这里注意的是location /zbh/,最后的斜杠可要可不要,如果加了,那么访问的时候地址后面就必须要加斜杠才能访问。

如:我后面这个sevnce的项目,不加斜杠就会404。

针对linux下Nginx同域名/IP 部署多个Vue前端项目,Vue打包及Nginx配置注意事项。

如果不加,访问的时候地址加不加斜杠都可以,但是不加,会自动重定向到一个加了斜杠的地址。

针对linux下Nginx同域名/IP 部署多个Vue前端项目,Vue打包及Nginx配置注意事项。

针对linux下Nginx同域名/IP 部署多个Vue前端项目,Vue打包及Nginx配置注意事项。
然后就会跳转到自己项目的首页或登录页。
针对linux下Nginx同域名/IP 部署多个Vue前端项目,Vue打包及Nginx配置注意事项。

以上是个人学习并部署成功后,来做个笔记,以供参考。