Vue 跨域请求问题cross-origin 资源的 Access-Control-Allow-Origin response header

Vue跨域请求问题

请求 https://www.runoob.com/try/ajax/json_demo.json这个测试地址的时候出现了跨域请求不到的问题百度了好久终于找到了答案

config=>index.js=>proxyTable
因为是https请求所以需要加一个属性secure: true
请求地址就可以写成：/api/try/ajax/json_demo.json

  proxyTable: {
	'/api': {
          target: 'https://www.runoob.com', //你要跨域的网址  比如  'http://news.baidu.com',
          secure: true, // 如果是https接口，需要配置这个参数
          changeOrigin: true, //这个参数是用来回避跨站问题的，配置完之后发请求时会自动修改http header里面的host，但是不会修改别的
          pathRewrite: {
              '^/api': '' //路径的替换规则
                  //这里的配置是正则表达式，以/api开头的将会被用用‘/api’替换掉，假如后台文档的接口是 /api/list/xxx
                  //前端api接口写：axios.get('/api/list/xxx') ， 被处理之后实际访问的是：http://news.baidu.com/api/list/xxx
          }
      }	
	}