Access to XMLHttpRequest at‘http://localhost:跨域问题解决

在vue.config.js里配置跨域请求跨域问题报错解决在vue.config.js中配置module.exports = {// 配置跨域请求devServer: {port: 8080,host: 'localhost',open: true,https: false,proxy: {'/api': {target: 'http://需要请求的地址/',ws: true,

李大璟

28746人浏览 · 2021-02-10 18:11:57

李大璟 · 2021-02-10 18:11:57 发布

在vue.config.js里配置跨域请求

跨域问题报错

在这里插入图片描述

解决

在vue.config.js中配置

module.exports = {
  
  // 配置跨域请求
  devServer: {
    port: 8080,
    host: 'localhost',
    open: true,
    https: false,
    proxy: {
      '/api': {
        target: 'http://需要请求的地址/',
        ws: true,
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    }

  }

}