vuejs使用proxytable遇到404的问题

在使用vuejs的时候,使用proxytable,可以转发请求,而且支持跨域。

文档:https://vuejs-templates.github.io/webpack/proxy.html

代码例子:

proxyTable: {
  '/list': {
    target: 'http://api.xxxxxxxx.com',
    changeOrigin: true,
    pathRewrite: {
      '^/list': '/list'
    }
  }
}

这样我们在写url的时候,只用写成  /list/1  就可以代表  api.xxxxxxxx.com/list/1

changeOrigin参数,如果设置为true,那么本地会虚拟一个服务端接收你的请求并代你发送该请求,这样就不会有跨域问题了。

好了,我们开始说重点:

今天我在开发的时候遇到了404的问题,知道最后才发现配置根本没有问题,问题是出现在别的地方:

1.修改了proxyTable的配置,一定要重新执行
npm run dev命令。

2.如果你是在window上执行npm命令,一定要使用windows系统自带的cmd终端,不要使用第三方的终端,比如bash,git bash等。这些终端在Ctrl+C操作的时候,并不会终止掉已经运行的node.js程序。而且你会发现重新npm run dev的时候,会提示端口已经被占用。我就是被这个给坑了。

3.记住,proxytable只在开发环境中使用哦。

发表评论

电子邮件地址不会被公开。 必填项已用*标注