get发送ajax请求,路径上线时的改变

来源:2-11 Vue项目首页 - 使用axios发送ajax请求

hyperse

2020-12-18 23:10:31

上线时路径的填写以及配置的更改是怎样的?

写回答

1回答

好帮手慕久久

2020-12-19

同学你好,问题解答如下:

1、上线时,接口的请求地址不需要更改,即开发时地址如下:

http://img.mukewang.com/climg/5fdd62ec096c835e05180109.jpg

那么上线后,上面的代码是不需要改的,即不需要更改“/api/index.json”这个地址。

开发环境下,/api/index.json”对应的地址全名如下:

http://img.mukewang.com/climg/5fdd633d0969da3306190159.jpg

其中“http://localhost:8080/”是我们项目所在的本地地址;

上线后,http://localhost:8080/”这个地址就会变成真实的项目地址,比如“https://www.imooc.com/”,那么/api/index.json”这个地址就会变成“https://www.imooc.com/api/index.json”;而后端人员也会对应在https://www.imooc.com/api/index.json”这个地址下,书写接口代码,这样我们写的接口地址就会对应上真实的接口地址,所以路径不需要修改。

2、config文件夹下的index.js中配置也不需要更改。proxyTable中的配置,对应的是开发环境:

http://img.mukewang.com/climg/5fdd64710938d7d606630356.jpg

之所以要在开发环境下配置它,是因为开发时,还没有真实的接口,所以我们只能用本地的假数据来模拟接口。而上线后,/api/index.json”这些地址,是可以对应到真实的接口的,所以不需要配置proxyTable了。

祝学习愉快!

2

0 学习 · 10739 问题

查看课程