vue——统一配置axios的baseUrl和所有请求的路径
1. 配置baseUrl
在package.json同级目录下新建一个faceConfig.js文件
faceConfig.js:
// 前端所有配置放这里 const faceConfig = () => { return { // 正式环节 'devServer': window.location.origin + '***' //***为上下文路径 } } module.exports = faceConfig()
2. 在src下新建api文件夹,并在其下面新建index.js文件
index.js:
const API_ROOT = require('../../faceConfig.js').devServer; export default { /** 账号密码登录登出 **/ loginIn: `${API_ROOT}/xxx`, logOut: `${API_ROOT}/xxx`, /** 数据库 **/ list: `${API_ROOT}/xxx`, //列表 }
3. 组件中使用
<template> <div> <button @click="exit">退出</button > </div> </template> <script> import API from '../api/index.js' //注意路径是否正确 export default { name: 'Home', data() { return {} }, methods: { exit() { let _this = this, token = localStorage.getItem('token'); _this.$get(`${API.logout}?token=${token}`) //` `是模板字符串,ES2015新增的符号 .then((res) => { if (res.status == 200 && res.data.code == 1) { ··· } else { ··· } }) } } } </script>