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

1、nginx配置如下图

vue和 react 多项目服务器端二级路由配置_第1张图片
nginx配置


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

            2.1  package.json  配置二级文件homepage

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

vue和 react 多项目服务器端二级路由配置_第2张图片
public/index.html 注释

             2.2 react-router  配置 basename 二级路由

                          ... 省略路由配置

vue和 react 多项目服务器端二级路由配置_第3张图片
router配置例子

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

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

                        assetsPublicPath: '/mole/',

vue和 react 多项目服务器端二级路由配置_第4张图片
assetsPublicPath

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

                        base:"/mole/",

vue和 react 多项目服务器端二级路由配置_第5张图片
路由配置

你可能感兴趣的:(vue和 react 多项目服务器端二级路由配置)