在应用里使用 axios 发送 http 请求的时候,经常需要设置这个基本的请求地址,我们可以修改一下 axios 默认的请求配置。比如把配置里的 baseURL 这个选项的值设置成服务端接口的这个基本的地址,这样在请求的时候就需要额外再设置这个基本的地址了。
先在项目里添加一个文件,可以放在 src/app 的下面,名字是 app.service.ts,在这个文件里导入 axios ,它来自 axios 这个包。 然后设置一下 axios.defaults,它里面的值就是 axios 默认的请求配置,设置一下 baseURL 这个配置,让它等于 http://localhost:3000
在这个模块里再导出配置好的这个 axios 。这样我们在应用要使用 axios 的时候,可以导入在这个模块里提供的 axios 。
import ,大括号,导入 axios,来自 @/app/app.service 这个模块。
现在使用 axios 请求我们的服务端应用接口的时候就不需要再设置接口的基本地址了,可以直接使用接口的地址,比如 内容列表接口的地址就是 /posts 。
在浏览器上观察一下,页面上会显示正常请求回来的这组内容数据。
这里可以在控制台上输出 axios 里面的 defaults ,在浏览器的控制台上检查一下 axios 默认的配置,在这里你会发现,baseURL 这个配置的值现在会是 http://localhost:3000 ,这个地址就是我们的服务端应用接口的基本的地址。