又遇到跨域问题啦?用Vue-cli proxyTable 轻松解决开发环境的跨域问题

原创 小玛丽打怪兽 随笔 vue 260阅读 2018-04-27 17:06:32 举报

公司最近开始转成使用java开发服务端了,目前我们开发是前后端分离,难免会遇到跨域的问题,然后开发的时候就会卡住解决无法继续调试。今天我们就要来解决这个问题。

步骤

  • 先使用npm安装vue-cli, npm -g vue-cli
  • 使用vue-cli创建新项目, vue init webpack project
  • 在config文件夹下有一个index.js文件,dev内有一个proxyTable的配置项

  • 在config/index.js配置完之后,在build/webpack.dev.conf.js中的dev-Server中的proxy中进行调用

这样之后就可以使用啦,但是设置的这个代理只能在开发环境内才可以使用。

vue-cli的这个设置来自于其使用的插件http-proxy-middleware

参考链接:

proxy

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复