美文网首页
vue和 react 多项目服务器端二级路由配置

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

作者: v雪狐v | 来源:发表于2017-11-14 17:39 被阅读0次

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/",

路由配置

相关文章

  • vue二级路由的设置

    项目当中使用vue的时候一定会用到路由,并且二级路由甚至三集路由的需求都是刚需,当然,多级路由的配置方法和二级的是...

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

    1、nginx配置如下图 2、react 项目前端需要配置的文件: 2.1 package.json ...

  • react实现路由守卫

    与vue不同,vue直接使用beforeEach即可实现全局路由守卫等功能。react要实现路由守卫得自己配置。实...

  • vue+node 打造简易商城系统

    vue和react的相同之处 利用虚拟DOM实现快速渲染; 轻量级; 响应式组件; 服务器端渲染; 易于集成路由工...

  • Vue移动项目

    Vue移动项目总结 一、vue-cli创建项目并配置vue路由https://www.jianshu.com/p/...

  • vue路由的介绍(二)--vue动态路由和get的传值

    vue动态路由和get的传值---->同属于路由的传参 1,vue动态路由: 动态路由的配置: ①,在配置路由时加...

  • 6、路由跳转之二级路由children的实现入门版

    在vue项目中,经常会用到路由跳转,二级路由更是必须要掌握的,下面给大家分享一下二级路由是实现二级路由是建立在一级...

  • 前端面试-vue

    1.了解vue和react吗?介绍一下。 vue和react都是主流的框架。vue : 脚手架vue-cli、路由...

  • 前端面试题

    1.了解vue和react吗?介绍一下。 vue和react都是主流的框架。vue : 脚手架vue-cli、路由...

  • react实践

    项目用react-router4.0,在做二级路由且二级路由有公共组件的时候 首先思路是这样的,但是发现这样生命周...

网友评论

      本文标题:vue和 react 多项目服务器端二级路由配置

      本文链接:https://www.haomeiwen.com/subject/lemfvxtx.html