Vue项目配置开发环境,生产环境接口地址,打包build目录更改,router路由守卫

1,配置接口地址

修改项目的接口地址,直接更改以下文件(重点关注module.exports):

/config/dev.env.js  —-  开发环境接口地址

/config/prod.env.js  —-  生产环境接口地址

然后我项目ajax请求用的axios插件,我配置了axios请求拦截和响应拦截,在里面要加上一行(axios.defaults.baseURL = process.env.API_ROOT)

 

2,打包目录更改(npm run build)

/config/index.js 默认是打包到dist目录,我的项目改成view目录

 

3,路由守卫

大部分页面需要登录才能访问,未登录访问页面需要跳到登录页面,这个必须要借助vue-router插件的路由功能,下面是我整个router的代码,重点从第200行开始

欢迎留言,1小时内回复。

我已经用vue+element做过好几个大型项目,遇到过不少坑,希望能帮到有需要的人。

另外,这些博客上的视频教程真的对开发有不小的帮助,发出来的大部分我都已经看了,良心推荐

注:下载本站视频仅供个人学习使用,禁止用于其他用途,因用户自身造成一切问题与本站无关!版权归原作者所有,本站不承担技术及版权问题,如有侵犯您的权益请联系我们删除

为您推荐

发表评论