vue开发中的跨域问题

vue项目跨域问题

vue项目中，当前台与后台进行数据交互时往往会出现跨域的问题,如下图：

解决方法： 1.打开项目中config下的index.js文件，找到proxyTable 如下图：

在proxyTable中添加内容，例：

注： target：请求后台数据的接口域名 changeOrigin: true //如果接口跨域，需要进行这个参数配置 /api :为自定义匹配项 ，当请求后台时 检测到/api将代理到后台接口的域名

此时请求后台接口如下图：

若请求后台接口为/textbook/list 就在此接口前添加/api ,当请求后台接口时，将检测到/api ，并代理到后台(上文target中的域名)数据域名下的接口，此时即可解决vue的跨域问题。