vue配置proxyTable后,在生产环境下调用的接口变成 服务器+porxyTable配置的接口了。

图片描述

图上“http://shuijibook.com”为服务器地址,apis为proxyTable配置,proxyTable配置如下
图片描述

在config/index.js中引用如下
图片描述

请问该如何配置才能使得服务器端访问的接口是http://interview.nsntc.com + api配置呢??

追加:调用方式,所有的接口都加了apis,但是网上说这种方式只能开发环境下使用,但是我不知道生产环境下该怎么配置apis,才能使访问接口是正常
图片描述

阅读 11.4k
5 个回答

那你需要访问的时候加上 '/apis/' 才行呀

请了解一下nginx服务器:

开发环境中的server是vue-cli建立的,但是部署到生产环境中是需要部署到服务器上的,npm run build生成的是纯静态页面,最好的方法是部署到nginx服务器上,并配置nginx反向代理。

用nginx的反向代理机制解决前端跨域问题

又重新看了一下题干:别的回答里面已经有了回答,在发送axios请求时使用:

axios.post('/apis/xxxx')

在部署到服务器时一定要做代理,否则会出现接口404

新手上路,请多包涵

遇到相同问题,请问楼主怎么解决的了

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题