解决 vue-cli 初始化项目时开发环境中的跨域问题

最近刚刚完成自己的毕业设计（基于Vue的信息资讯展示与管理平台），于是想整理一下过程遇到的一些问题。

项目基于Vue开发，使用 Vue-cli 初始化项目文件目录时默认占用8080端口，而我又想使用 node.js 搭建本地服务器，链接数据库获取数据实现本地模拟。搭建node服务器时也需要提供一个端口号，又不能和8080重复，我选择了使用端口8888（这个不重要，只要不是已经被占用的端口，瞎写什么都可以）。当然，这样在使用URL地址时就因为端口号不同，涉及到了跨域请求的问题。

解决这种跨域请求问题有一个简单的办法 -- 给config目录下的index.js文件添加部分代码就可以解决。

config目录下的index.js文件如图所示：

配置代码如下：

proxyTable: { 
　　'/api': { 
　　　　target: 'http://localhost:8888'，
　　　　changeOrigin: true，
　　　　pathRewrite: { 
　　　　　　'^/api':'/api'

　　　　} 
　　}
}

• target：接口的域名
• changeOrigin：开启代理
• pathRewrite：重写地址，可以看到的是使用了/api来匹配请求接口的域名，打个比方，假如接口名称是 '/api/graduate/getShowList' ，在实际请求中应该写成 '/api/graduate/getShowList' 。