vue-element-admin 跨域的问题 https跨域访问不到后台接口,转代理proxy
vue-element-admin
PanJiaChen/vue-element-admin: 是一个基于 Vue.js 和 Element UI 的后台管理系统模板,支持多种数据源和插件扩展。该项目提供了一个完整的后台管理系统模板,可以方便地实现后台管理系统的快速搭建和定制,同时支持多种数据源和插件扩展。
项目地址:https://gitcode.com/gh_mirrors/vu/vue-element-admin
免费下载资源
·
因为vue的https访问不到后台接口,http可以正常访问,项目需要使用https,所以解决办法,转代理解决跨域问题。
npm run serve/dev跑起来的是开发模式,因为是运行的本地服务模拟启动的;
npm run build生成的是打包好的文件,用来部署到服务器上运行,所以是生产模式
1.修改vue.config.js,增加proxy代理、
//vue-cli3.0 里面的 vue.config.js做配置
proxy: {
// change xxx-api/login => mock/login
// detail: https://cli.vuejs.org/config/#devserver-proxy
[process.env.VUE_APP_BASE_API]: {
target: `https://www.autolive.cn/gw`, //服务器地址
changeOrigin: true,
pathRewrite: {
['^' + process.env.VUE_APP_BASE_API]: '/'
}
}
},
2.如果增加了拦截器,request使用时
// 创建axios实例
const service = axios.create({
// baseURL: 'https://cs.autolive.cn/auth',
baseURL: process.env.VUE_APP_BASE_API,
timeout: 10000 // 请求超时时间
})
这样就可以正常使用https调用后台接口,愉快的码代码了。
GitHub 加速计划 / vu / vue-element-admin
87.26 K
30.42 K
下载
PanJiaChen/vue-element-admin: 是一个基于 Vue.js 和 Element UI 的后台管理系统模板,支持多种数据源和插件扩展。该项目提供了一个完整的后台管理系统模板,可以方便地实现后台管理系统的快速搭建和定制,同时支持多种数据源和插件扩展。
最近提交(Master分支:2 个月前 )
0caa975e - 2 年前
cd3f7267 - 2 年前
更多推荐
已为社区贡献2条内容
所有评论(0)