vue 实现一个系统 两个登录页 ,在配置文件.env.development里面怎么配置登录界面路由
时间: 2024-03-08 19:47:03 浏览: 23
在Vue中实现两个登录页,可以通过配置不同的路由来实现。在`.env.development`文件中,可以添加如下配置:
```
VUE_APP_LOGIN_PAGE_1_ROUTE=/login1
VUE_APP_LOGIN_PAGE_2_ROUTE=/login2
```
其中`VUE_APP_LOGIN_PAGE_1_ROUTE`和`VUE_APP_LOGIN_PAGE_2_ROUTE`分别表示两个登录页面的路由路径。
在Vue项目的路由配置文件中,可以根据上述配置添加对应的路由:
```javascript
import Vue from 'vue'
import Router from 'vue-router'
import Login1 from '@/views/Login1.vue'
import Login2 from '@/views/Login2.vue'
Vue.use(Router)
export default new Router({
routes: [
{
path: process.env.VUE_APP_LOGIN_PAGE_1_ROUTE,
name: 'Login1',
component: Login1
},
{
path: process.env.VUE_APP_LOGIN_PAGE_2_ROUTE,
name: 'Login2',
component: Login2
}
]
})
```
在上述代码中,通过`process.env.VUE_APP_LOGIN_PAGE_1_ROUTE`和`process.env.VUE_APP_LOGIN_PAGE_2_ROUTE`获取`.env.development`中的配置,并将对应的路由指向`Login1`和`Login2`组件。这样就可以根据不同的路由展示不同的登录页面了。