vue和 react 多项目服务器端二级路由配置

1、nginx配置如下图

服务器分二级目录 nginx配置


项目存放在根目录,nginx 重写目录代理配置

2、react 项目前端需要配置的文件:

            2.1  package.json  配置二级文件homepage

                        "homepage":"/antelope", (此处配置)

public/index.html 注释

             2.2 react-router  配置 basename 二级路由

                         <BrowserRouter basename="/antelope/"> ... 省略路由配置 </BrowserRouter>

router配置例子

3、vue 项目前端需要配置的文件

            3.1 config/index.js 配置 build下的 公共资源文件路径

                        assetsPublicPath: '/mole/',

assetsPublicPath

           3.2  router/index.js 配置路由 二级路由

                        base:"/mole/",

路由配置
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容