axios跨域问题

问题描述：

• 在使用vue+axios开发进行post请求，然后出现以下图片中的跨域问题；

解决方法：

在网上看了一些相关资料，最后找到了解决方法

module.exports = { 
    dev: { 
        //...
        proxyTable: { 
      '/api': { 
        port: 3000,
        target: 'http://127.0.0.1:8081/',
        chunkOrigins: true,
        pathRewrite: { 
          '^api': ''
        }
      }
    }
}

• 修改config目录下的index.js文件中的proxyTable
• chunkOrigins为是否开启跨域

axios.request({ 
          url: '/api/sysUser/selectUserInfo',
          method: 'POST'
        }).then(res => { 
          console.log(res);
        }).catch(res => { 
          console.log('error' + res);
        })

在vue组件方法中修改axios

重新启动项目再次发送post请求，程序正常