如何将Vue配置Axios封装接口改写成长尾词？

本文共计252个文字，预计阅读时间需要2分钟。

使用npm安装axios，命令如下：npm install axios src/utils/request.js。请确保请求头和拦截器正确配置。导入axios并使用它。

使用npm安装axiosnpminstallaxiossrcutilsrequest.js请求头请求拦截器响应拦截器importaxiosfro

使用npm安装axios

npm install axios

src/utils/request.js 请求头 ，请求拦截器，响应拦截器

import axios from axiosconst service = axios.create({baseURL: process.env.BASE_API,timeout: 3 * 1000})service.interceptors.request.use(config => {config.data = JSON.stringify(config.data);config.headers = {// Content-Type: application/x-www-form-urlencoded //配置请求头Content-Type: application/json;charset=UTF-8 //配置请求头}return config}, error => {Promise.reject(error)})//4.导入文件export default service

src/utils/197.82.15.15:8088/request/...* @param /testIp代表vue-cil中config，index.js中配置的代理*/let resquest = "xxx.xxx.xxx.xxx:8090/api" //xxx的地方是后端ip// 通过姓名获取员工信息export function racerNameTabelAPI(params) {return xxx.xxx.xxx.xxx:8090, changeOrigin: true,secure: false,pathRewrite: {^/api: /api}}}}}

配置axios有还有很多方法 还可以直接挂在到prototype

//main.jsimport axios from axiosVue.prototype.$http = axios //使用就 this.$http.get(url,{params:参数})

这样就配置好了。不明白也可以从头再看几遍。实战项目亲测