安装 axios, 在项目 根目录 ,运行命令
cnpm install --save axios
安装 qs, 在项目 根目录 ,运行命令
cnpm install qs
在项目根目录下创建一个 vue.config.js 文件, 并输入以下内容,注意写对来。
module.exports = { publicPath:'./',//相对路径 outputDir:'./dist',//构建资源目录 productionSourceMap:false, lintOnSave:false,//是否开启eslint检测 devServer: { http:false,//http:{type:Boolean} open:false,//配置是否自动启动浏览器 // 端口号 port: 8080, // 配置不同的后台API地址 proxy: { '/api': { target: '', ws: true, changeOrigin: true, pathRewrite: { '^/api': '' } } } } }
在项目根目录下的src文件夹下的 main.js 中 写入,以下内容
import Vue from 'vue'
import App from './App.vue'
import VueRouter from 'vue-router'
import router from './router/router.js';
import Axios from 'axios'
import qs from 'qs'
Vue.prototype.$axios=Axios
Axios.defaults.withCredentials = true
Vue.use(VueRouter);
Vue.config.productionTip = false
new Vue({
el:'#app',
router,
render: h => h(App),
}).$mount('#app')