Vue里採用XMLHttpRequest跨域問題

net.後臺程序添加,這些方法

context.Response.AddHeader("Access-Control-Allow-Origin", "*");
context.Response.AddHeader("Access-Control-Allow-Credentials", "true");
context.Response.AddHeader("Access-Control-Allow-Headers", "X-Requested-With");
context.Response.AddHeader("Access-Control-Allow-Methods", "GET, PUT, POST, DELETE");

除了IE瀏覽器,其他瀏覽器測試時,依然報錯Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

const xhr = new XMLHttpRequest()

 xhr.open('post', 'http://localhost:50012/handles/lrSchedules.ashx?action=uploadScript', true)

xhr.send(formData)

解決方案是在Vue項目里config/index.js的配置proxyTable項

 proxyTable: {
      '/url': {
        target: 'http://localhost:50012/handles/lrSchedules.ashx', // 后端接口地址
        changeOrigin: true, // 是否允许跨越
        pathRewrite: {
          '^/url': '/'
        }
      }
    },

 

請求是採用 xhr.open('post', '/url?action=uploadScript', true)

配置完成后 vue項目需要重新npm run dev

參考https://blog.csdn.net/Fabulous1111/article/details/78715544