Vue 生产环境解决跨域问题

一.前言

第一次写vue项目，开发完成。打包上线后，一访问，发现访问后端的请求全部报404.我就纳闷了，跨域问题我已经解决了，怎么就报错了。

查阅资料，得知我解决的跨域仅适用于开发环境。

二、最简单直接方法：在main.js 中加入如下代码：

import axios from 'axios'


Vue.prototype.$axios = axios

// axios.defaults.baseURL = '/gameapi'  //关键代码

axios.defaults.baseURL = process.env.NODE_ENV === "production" ? "http://115.29.111.19:8080/api" : "/api"