ant-design-vue-pro 配合Fastadmin 跨域解决

场景:Vue代码在我的计算机上,访问线上地址,毫无疑问出现了跨域问题 。
经过一顿百度:
blog.csdn.net/qq_36522689/article/...
www.jianshu.com/p/f841b7cbc984 ,解决了问题

前端工程处理:
1、env 中 : VUE_APP_API_BASE_URL=后端接口host
2、vue.config.jsdevServer节点:

  devServer: {
    port: 8000,
    proxy: {
      '/api': {
        target: process.env.VUE_APP_API_BASE_URL,  
        ws: false,
        pathRewrite:{
          '^/api': ''
        },
        changeOrigin: true
      }
    }
  },

3、require.js 中首行代码(引用的不算):

const request = axios.create({
  // API 请求的默认前缀
  baseURL: process.env.VUE_APP_API_BASE_URL,
  timeout: 6000 // 请求超时时间
})

后端:经过调试 ,发现我用的后端框架有一个封装好的跨域配置
cors_request_domain ,把他的值改为* 就好了;也可以用localhost , 127.0.0.1 ,这样需要访问vue服务时使用 localhost , 127.0.0.1 ,而不是192.xxx.xxx.x.

@李山河
你看我吊吗啊
讨论数量: 0
(= ̄ω ̄=)··· 暂无内容!

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!