vue多项目nginx部署

最新推荐文章于 2024-09-11 21:16:58 发布

echo008

最新推荐文章于 2024-09-11 21:16:58 发布

阅读量1.6w

点赞数 1

分类专栏： vue nginx 文章标签： nginx 域名实例

本文链接：https://blog.csdn.net/echo008/article/details/77098142

版权

vue 同时被 2 个专栏收录

8 篇文章 0 订阅

订阅专栏

nginx

1 篇文章 0 订阅

订阅专栏

一. 项目目的

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;
      }
    }