vue build 与 nginx采用二级路由配置

最新推荐文章于 2025-03-27 16:12:03 发布

Jonny Lin

最新推荐文章于 2025-03-27 16:12:03 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： vue 文章标签：二级路由 nginx vue cli

本文链接：https://blog.youkuaiyun.com/xhl_james/article/details/117253629

本文介绍如何在Vue项目中设置二级路由，并结合Nginx进行配置，解决多子应用系统统一访问的问题。通过调整vue.config.js文件和配置Nginx，实现了路径的正确解析，重点在于Nginx配置中的二级路由名和root路径的设定。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

文章目录

引言
解决方案
- vue.config.js
- nginx配置

引言

在项目中一个项目上存在多个子应用系统，对多个系统路径统一访问时用二级路由来区分对应的子应用，但是在开始的时候折腾了很久始终没得到解决。

解决方案

vue.config.js

具体的详情参见：vue cli

对应Dir配置

module.exports = {
   
  /**
   * You will need to set publicPath if you plan to deploy your site under a sub path,
   * for example GitHub Pages. If you plan to deploy your site to https://foo.github.io/bar/,
   * then publicPath should be set to "/bar/".
   * In most cases please use '/' !!!
   * Detail: https://cli.vuejs.org/config/#publicpath
   */
  publicPath: