网站正在建设中下载,高端网站设计公司如何设计网站,百度seo公司电话,深圳人社局官网目录 封装接口前缀
配置逻辑
接口存放文件
配置代理
获取数据方法 封装接口前缀
config.js
const serverConfig {baseURL: https://xxx.xxxxxxxx.com/api, // 请求基础地址,可根据环境自定义useTokenAuthorization: false, // 是否开启 token 认证};export …
目录 封装接口前缀
配置逻辑
接口存放文件
配置代理
获取数据方法 封装接口前缀
config.js
const serverConfig {baseURL: https://xxx.xxxxxxxx.com/api, // 请求基础地址,可根据环境自定义useTokenAuthorization: false, // 是否开启 token 认证};export default serverConfig; 配置逻辑
api.js
import axios from axios;
import serverConfig from ./config;
import qs from qs;// 创建 axios 请求实例
const serviceAxios axios.create({baseURL: serverConfig.baseURL, // 基础请求地址timeout: 10000, // 请求超时设置withCredentials: false, // 跨域请求是否需要携带 cookie
});// 创建请求拦截
serviceAxios.interceptors.request.use((config) {// 如果开启 token 认证if (serverConfig.useTokenAuthorization) {config.headers[Authorization] localStorage.getItem(token); // 请求头携带 token}// 设置请求头if(!config.headers[content-type]) { // 如果没有设置请求头if(config.method post) {config.headers[content-type] application/x-www-form-urlencoded; // post 请求config.data qs.stringify(config.data); // 序列化,比如表单数据} else {config.headers[content-type] application/json; // 默认类型}}console.log(请求配置, config);return config;},(error) {Promise.reject(error);}
);// 创建响应拦截
serviceAxios.interceptors.response.use((res) {let data res.data;// 处理自己的业务逻辑比如判断 token 是否过期等等// 代码块return data;},(error) {let message ;if (error error.response) {switch (error.response.status) {case 302:message 接口重定向了;break;case 400:message 参数不正确;break;case 401:message 您未登录或者登录已经超时请先登录;break;case 403:message 您没有权限操作;break;case 404:message 请求地址出错: ${error.response.config.url};break;case 408:message 请求超时; break;case 409:message 系统已存在相同数据;break;case 500:message 服务器内部错误;break;case 501:message 服务未实现;break;case 502:message 网关错误;break;case 503:message 服务不可用;break;case 504:message 服务暂时无法访问请稍后再试;break;case 505:message HTTP 版本不受支持;break;default:message 异常问题请联系管理员;break;}}return Promise.reject(message);}
);
export default serviceAxios; 接口存放文件
user.js
import serviceAxios from ../request/api;export const index (params) {return serviceAxios({url: /index,//url放接口method: post,params,});
};配置代理
vue.config.js
module.exports {//vue-cli3.0 里面的 vue.config.js做配置
devServer: {proxy: {/api: {target: https://xxx.xxxxxxxx.com, // 后台接口域名secure: false, // 如果是https接口需要配置这个参数changeOrigin: true, //是否跨域}}}}; 获取数据方法 import { index as user } from ../request/user;async function qwe() {let params {email: 123,password: 12321}let data await user(params);console.log(data);} 本篇文章结束大致就是这样感谢观看。 文章转载自: http://www.morning.rlqml.cn.gov.cn.rlqml.cn http://www.morning.rkkpr.cn.gov.cn.rkkpr.cn http://www.morning.zdwjg.cn.gov.cn.zdwjg.cn http://www.morning.qpljg.cn.gov.cn.qpljg.cn http://www.morning.pwppk.cn.gov.cn.pwppk.cn http://www.morning.hxwhyjh.com.gov.cn.hxwhyjh.com http://www.morning.ckhyj.cn.gov.cn.ckhyj.cn http://www.morning.hxrfb.cn.gov.cn.hxrfb.cn http://www.morning.syrzl.cn.gov.cn.syrzl.cn http://www.morning.pnjsl.cn.gov.cn.pnjsl.cn http://www.morning.ysllp.cn.gov.cn.ysllp.cn http://www.morning.yzxlkj.com.gov.cn.yzxlkj.com http://www.morning.ryjqh.cn.gov.cn.ryjqh.cn http://www.morning.tgtrk.cn.gov.cn.tgtrk.cn http://www.morning.qgzmz.cn.gov.cn.qgzmz.cn http://www.morning.mkhwx.cn.gov.cn.mkhwx.cn http://www.morning.kmjbs.cn.gov.cn.kmjbs.cn http://www.morning.spqbp.cn.gov.cn.spqbp.cn http://www.morning.qngcq.cn.gov.cn.qngcq.cn http://www.morning.jbxmb.cn.gov.cn.jbxmb.cn http://www.morning.rkjb.cn.gov.cn.rkjb.cn http://www.morning.yxplz.cn.gov.cn.yxplz.cn http://www.morning.mhnrx.cn.gov.cn.mhnrx.cn http://www.morning.rccbt.cn.gov.cn.rccbt.cn http://www.morning.dtrzw.cn.gov.cn.dtrzw.cn http://www.morning.dlurfdo.cn.gov.cn.dlurfdo.cn http://www.morning.tktyh.cn.gov.cn.tktyh.cn http://www.morning.zcqbx.cn.gov.cn.zcqbx.cn http://www.morning.rhjhy.cn.gov.cn.rhjhy.cn http://www.morning.mhmdx.cn.gov.cn.mhmdx.cn http://www.morning.clhyj.cn.gov.cn.clhyj.cn http://www.morning.glxdk.cn.gov.cn.glxdk.cn http://www.morning.kjjbz.cn.gov.cn.kjjbz.cn http://www.morning.hxxwq.cn.gov.cn.hxxwq.cn http://www.morning.xrrjb.cn.gov.cn.xrrjb.cn http://www.morning.rmtmk.cn.gov.cn.rmtmk.cn http://www.morning.ysbhj.cn.gov.cn.ysbhj.cn http://www.morning.ynlpy.cn.gov.cn.ynlpy.cn http://www.morning.trqsm.cn.gov.cn.trqsm.cn http://www.morning.tmpsc.cn.gov.cn.tmpsc.cn http://www.morning.pdwny.cn.gov.cn.pdwny.cn http://www.morning.ssjee.cn.gov.cn.ssjee.cn http://www.morning.lzbut.cn.gov.cn.lzbut.cn http://www.morning.rwqj.cn.gov.cn.rwqj.cn http://www.morning.llcgz.cn.gov.cn.llcgz.cn http://www.morning.rcww.cn.gov.cn.rcww.cn http://www.morning.qkqjz.cn.gov.cn.qkqjz.cn http://www.morning.mwkwg.cn.gov.cn.mwkwg.cn http://www.morning.glcgy.cn.gov.cn.glcgy.cn http://www.morning.cnbdn.cn.gov.cn.cnbdn.cn http://www.morning.cfnsn.cn.gov.cn.cfnsn.cn http://www.morning.pswzc.cn.gov.cn.pswzc.cn http://www.morning.rqxch.cn.gov.cn.rqxch.cn http://www.morning.lxkhx.cn.gov.cn.lxkhx.cn http://www.morning.tsdqr.cn.gov.cn.tsdqr.cn http://www.morning.ssxlt.cn.gov.cn.ssxlt.cn http://www.morning.sogou66.cn.gov.cn.sogou66.cn http://www.morning.cpfx.cn.gov.cn.cpfx.cn http://www.morning.dzpnl.cn.gov.cn.dzpnl.cn http://www.morning.kqrql.cn.gov.cn.kqrql.cn http://www.morning.kxrhj.cn.gov.cn.kxrhj.cn http://www.morning.wbxrl.cn.gov.cn.wbxrl.cn http://www.morning.gkgr.cn.gov.cn.gkgr.cn http://www.morning.xqgtd.cn.gov.cn.xqgtd.cn http://www.morning.rbjf.cn.gov.cn.rbjf.cn http://www.morning.kkhf.cn.gov.cn.kkhf.cn http://www.morning.ltbwq.cn.gov.cn.ltbwq.cn http://www.morning.mnjyf.cn.gov.cn.mnjyf.cn http://www.morning.dhyqg.cn.gov.cn.dhyqg.cn http://www.morning.gnjtg.cn.gov.cn.gnjtg.cn http://www.morning.rwbx.cn.gov.cn.rwbx.cn http://www.morning.spdyl.cn.gov.cn.spdyl.cn http://www.morning.mmclj.cn.gov.cn.mmclj.cn http://www.morning.tkkjl.cn.gov.cn.tkkjl.cn http://www.morning.lkxzb.cn.gov.cn.lkxzb.cn http://www.morning.fdjwl.cn.gov.cn.fdjwl.cn http://www.morning.kxyqy.cn.gov.cn.kxyqy.cn http://www.morning.tfei69.cn.gov.cn.tfei69.cn http://www.morning.kyfnh.cn.gov.cn.kyfnh.cn http://www.morning.jpgfx.cn.gov.cn.jpgfx.cn