vue 跨域问题_vue target=后端地址-CSDN博客

本文链接：https://blog.csdn.net/TheOpenDoor/article/details/90266393

同源策略

1：同源策略是浏览器的一个安全功能，在没有明确的授权情况下不能读取不同源下的资源
2：只有在协议，端口，域名相同的情况下，才不会出现跨域的现象

vue解决跨域的问题

在config.js文件下配置一个代理，一般是修改proxyTable这个配置项的内容（这种跨域一般在开发环境下使用）

	proxyTable: {
		'/api': {
			target: 'http://paas-nm.com',
            changeOrigin: true,
            secure: false,
            headers: {
            	referer: 'http://paas-nm.com'
          	}
		}
	}

target为后端请求的地址，‘/api’及为接口的前缀（这里可以和后端进行协调统一）

CORS解决跨域问题

CORS即跨源资源共享，及后端允许你跨域请求它的数据，但是这样会存在一定的安全性问题（这里不做过多的解释，因为这一块不是很清楚。。只知道有这种解决方案）

其他请求不到的问题

在一些公司会出现内外网的情况，一般从安全角度出发，都实行在内网进行开发。但为了满足一些特定的需求，可能也需要同时兼顾。
这个时候可能会存在下面碰到的问题
后端搭建了一个外网服务器，需要你在hosts里面指定一个DNS，当你在本地npm run dev的时候访问不到接口数据，但是在浏览器里面输入
当前的地址却可以访问到，这样就要解决内外网的问题

1：配置hosts文件下的路径