vue跨域

最新推荐文章于 2022-02-18 17:23:07 发布

累了要吃肉丶

最新推荐文章于 2022-02-18 17:23:07 发布

阅读量85

点赞数

分类专栏：前端学习文章标签： vue

本文链接：https://blog.csdn.net/qq_43610311/article/details/119420331

版权

前端学习专栏收录该内容

47 篇文章 2 订阅

订阅专栏

脚手架2跨域

config文件夹下的index.js文件找到proxyTable添加如下代码

proxyTable: {
      '/socket': { 
        target: 'http://127.0.0.1:5678',//接口的域名
        // secure: false,//如果是https接口，需要配置这个参数
        // changeOrigin: true,//如果接口跨域需要进行这个参数配置
        pathRewrite: {
          "^/socket":' '
        },
        ws: true,
        changeOrigin: true
      }
    },

vue.config.js中的 devServer 加入如下代码

devServer: {
    port: port,
    open: true,
    overlay: {
      warnings: false,
      errors: true
    },
    
    proxy: {//配置跨域
      '/api': {
          target: 'http://localhost:8082',//这里后台的地址模拟的;应该填写你们真实的后台接口
          ws: true,
          changOrigin: true,//允许跨域
          pathRewrite: {
              '^/api': ''//请求的时候使用这个api就可以
          }
      }
    },
    
    before: require('./mock/mock-server.js')
  },

使用时在axios中设置

/****** 创建axios实例 ******/
const service = axios.create({
  baseURL: '/api', // api的base_url
  timeout: 5000 // 请求超时时间
});

如果报错Proxy error:Could not proxy request /taip/login from localhost:xxxx to http://localhost:xxxx/
是接口访问不到检查一下自己的接口路径对不对