在Nginx非根目录下配置同域名多个子项目

212 阅读1分钟

按照项目要求,同一个域名,不同目录下,配置多个前端工程,配置如下:

// 网站例子
- localhost:8080/kpi
- localhost:8080/home
- localhost:8080/wap
// vue2相关版本
 "vue-router": "^3.5.1",
 "vue": "^2.6.14",
  "@vue/cli-service": "~5.0.0",

只需要配置 nginx 和 vue.config.js

(1)vue.config.js配置publicPath, 如: publicPath: "/kpi/";

(2)router.js配置base, 如: base: "/kpi";

(3)nginx配置如下图;

image.png