vue.config.js

文件别名

const path = require('path')
function resolve(dir){
    return path.join(__dirname,dir)
}

module.exports = {
    // 浏览器配置
    devServer:{
        open:true
    },
    // 文件别名vue-cli3.x
    chainWebpack:(config) => {
        config.resolve.alias
        .set('assets',resolve('./src/assets'))
        .set('components',resolve('./src/components'))
        .set('common',resolve('./src/common'))
        .set('network',resolve('./src/network'))
        .set('views',resolve('./src/views'))
    }
}

跨域配置

module.exports = {
    // 浏览器配置
    devServer:{
        open:true,
        //跨域
        host: 'localhost',
        port: 8080,
        proxy: {
            '/api': {
                target: 'http://localhost:4000', //要访问的接口域名
                // 开启代理:在本地会创建一个虚拟服务端
                // 然后发送请求数据,并同时接收数据
                // 这样客户端和服务端进行数据的交互就不会有跨域问题
                changeOrigin: true, 
                pathRewrite: {
                    '^/api': ''
                }
            }
        }
    }
}

import axios from 'axios'

const BASE_URL = '/api'

export function request(config){
    // 1.创建axios实例
    const instance = axios.create({
        baseURL: BASE_URL,
        timeout: 5000
    });
}