vue多项目nginx部署

一. 项目目的

1. 问题

实现服务端同一域名下部署多个vue项目。

2. 实例说明

kefu项目: https://www.test.com/kefu/...

collect项目: https://www.test.com/collect/...

lend项目:   https://www.test.com/lend/...

二. 客户端配置修改

1. index.html文件修改

添加 <meta base="/ lend/">

2. config/index.js文件修改

修改 assetsPublicPath: '/lend/',

3.src/router/index.js文件修改

添加 base: '/lend/',

三． Nginx配置修改

1. 配置

server {
      listen 9900;
      server_name localhost;
      root C:/Users/echo/Desktop/wxpage;
      location /kefu {
        try_files $uri $uri/ /kefu/index.html;
      }
      location /collect {
        try_files $uri $uri/ /collect/index.html;
      }
      location /lend {
        try_files $uri $uri/ /lend/index.html;
      }
    }