vue开发环境配置跨域的方法步骤

//自行复制黏贴proxyTable: { '/apis':{ target: 'http://10.1.63.26:19080/', // 后台api changeOrigin: true, //是否跨域 // secure: true, pathRewrite: {  '^/apis': '' //需要rewrite的, } }}

假设你vue-cli起了一个开发环境，地址为http://localhost:8080//例1 当不设置baseURL时axios.get('/user') //访问/user相当于访问 http://localhost:8080/user//例2 axios.baseURL='/apis'axios.get('/user') //访问/user就相当于访问 http://localhost:8080/apis/user//例3axios.baseURL='https://sbsb.com'axios.get('/user') //访问/user就相当于访问 https://sbsb.com/user//例4axios.baseURL='https://sbsb.com/apis'axios.get('/user') //访问/user就相当于访问 https://sbsb.com/apis/user

//判断是否是生产环境var isPro = process.env.NODE_ENV === 'production' //process.env.NODE_ENV用于区分是生产环境还是开发环境//配置不同的baseURLmodule.exports = { baseURL: isPro ? 'http://sbsb.com:8888/' : '/apis'}

//判断是否是生产环境var isPro = process.env.NODE_ENV === 'production' //process.env.NODE_ENV用于区分是生产环境还是开发环境//根据环境不同导出不同的baseURLmodule.exports = { baseURL: isPro ? 'http://sbsb.com:8888/' : '/apis'}

//main.jsimport Vue from 'vue'import axios from 'axios'import apiConfig from '../config/api.config.js'axios.baseURL=apiConfig.baseURL//axios的其他配置...