一.前言
第一次寫vue專案,開發完成。打包上線後,一訪問,發現訪問後端的請求全部報404.我就納悶了,跨域問題我已經解決了,怎麼就報錯了。
查閱資料,得知我解決的跨域僅適用於開發環境。
二、最簡單直接方法:在main.js 中加入如下**:
import axios from 'axios
'vue.prototype.$axios =axios
= '/gameapi'
//關鍵**
axios.defaults.baseurl = process.env.node_env === "
production
" ? "
" : "/
api"
vue 解決跨域問題(開發環境)
同源 網域名稱,協議,埠均相同 不同源就是跨域,比如你的前端為localhost 9528,後端為localhost 8080,此時前端去訪問後端介面就會產生跨域問題,因為埠不同。跨域問題前後端都可以解決,這裡僅提供vue的前端跨域解決方案 前端vue.config.js配置如下,然後保證在你訪問後...
vue解決跨域問題
開發模式 要知道,跨域這個行為是瀏覽器禁止的,但是服務端並不禁止。使用proxytable的原理就是將網域名稱傳送給本地的伺服器,再由本地的伺服器去請求真正的伺服器。開啟config index.js,修改dev裡的proxytable proxytable 當你在別的頁面請求時只要是 你只需要 x...
Vue 解決跨域問題
報錯 解決 專案根目錄下新建vue.config.js module.exports 個人理解 訪問 register的時候,相當於是訪問本地的http localhost 8080 register 然後這個proxy,充當於乙個請求 的作用 它攔截了http localhost 8080 reg...