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"