axios跨域問題 No ‘Access-Control-Allow-Origin‘ header is present on the requested resource.

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請求，程式正常