vue proxy配置,vue proxytable详解

　　本文主要介绍了vue项目中proxyTable服务器的配置和部署，具有很好的参考价值。希望对你有帮助。如有错误或不足之处，请不吝赐教。

目录

　　代理表配置和部署服务器1。配置2中的索引2。proxyTable代理参数在调用接口的方法中的意义

proxyTable配置和部署服务器

　　要在本地创建node.js服务器，需要为前端访问本地接口设置跨域。

1.在config中的index

　　找到proxyTable并完成以下设置

　　代理表：{

　　/api: {

　　Target: 3358localhost: 8808/，//目标接口的域名

　　ChangeOrigin: true，//是跨域的吗？

　　路径重写：{

　　/API“:/”//重写接口

　　}

　　}

　　},

2.在调取接口的方法中

　　以下是node.js服务器的

　　记住：配置完成后一定要重启前端项目，要不然会报错

proxyTable代理参数含义

　　在vue项目中，找到index.js文件，然后将proxyTable写入相应的代理。网上有人说新建一个vue.config.js文件，项目启动时会自己导入，也是可以的。

　　代理表：{

　　//在这里配置“/api”相当于target。你访问/API中的链接==http://localhost: 54321

　　/api: {//这个api可以自定义，比如写成abc，但同时下面的/api会改成/^abc.

　　Target: 3358localhost: 54321/，//服务器的接口地址，也就是你要访问的真实地址。http或者https都可以//3358 localhost:54321/JSON . data . JSON，

　　ChangeOrigin: true，//是跨域请求吗？当然，如果没有跨域，就不需要配置这个proxyTable。

　　Log: debug ，//调试的时候可以在代理之后输出真实地址是什么，上线的时候注释掉就行了。

　　路径路径：{

　　//这里有一个附加链接。比如接口中包含/api，就需要这样配置。你可以用下面两种方法之一来写。

　　//方法1，留空不写。

　　/API : ，//在axios /API/info =http://localhost:54321/info中表示您的请求

　　//方法2，重写

　　/API: API/，//表示您在axios /API/info =http://localhost:54321/API/info中的请求

　　}

　　}

　　},

　　以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。