因为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 年前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐