vue開發中跨域設定,即配置後台資料

2021-08-03 10:23:47 字數 928 閱讀 5501

由於專案需要,公司最近的專案需要用到vue.js,本來從來沒有接觸過node.js 之類的開發,導致開發這個很吃力,還有由於不忙,最近一直在看這個,對於vue 的開發,有乙個很好的原始碼,大家可以去學習學習下。 

好了,說下本文的重點,我也是從上面的專案開始慢慢研究的,這個專案的資料是用 mockjs 模擬的,但是我們實際開發,資料肯定是需要從資料庫讀取的,這個研究了好久,糾結了好久,找了各種資料,一直沒有頭緒,後面發現,在工程的config目錄中index檔案裡有乙個引數叫proxytable,於是找了上網查了下,網上有關於api proxy的說明,使用的就是這個引數。

於是,我們可以修改工程下config資料夾下的index.js中的dev:{}部分

env: require('./dev.env'),

port: 8080,

autoopenbrowser: false,

assetssubdirectory: 'static',

assetspublicpath: '/',

proxytable: }},

// css sourcemaps off by default because relative paths are "buggy"

// with this option, according to the css-loader readme

// (

// in our experience, they generally work as expected,

// just be aware of this issue when enabling this option.

csssourcemap: false

}

將target設定為我們需要訪問的位址或者網域名稱。然後我們要做資料互動的時候,就把寫成  /api +你的方法位址了。

VUE 跨域設定

相信很多小夥伴在開發過程中遇到比較頭疼的事情之一,就是在本地與非本地環境中的介面進行聯調 至少我一廂情願的這麼認為otz 在最近的開發過程中,不可避免的,我也遇到了這個問題,畢竟在本地yy寫完 再上傳測試實在是太。蛋疼。接下來,我將就我遇到的問題以及解決方式與眾位小夥伴分享 掌聲 在此專案中,我使用...

前後臺分離開發 後台進行跨域設定

cors com.thetransactioncompany.cors.corsfilter cors.alloworigin cors.supportedmethods get,post,head,put,delete cors.supportedheaders accept,origin,x r...

設定跨域配置

訪問請求的協議 ip位址 埠號任意乙個與當前站點不同時,就會涉及到跨域問題 我們只需要配置乙個corsconfig 說白了就是後端這一方對前端設定乙個特殊的入口 叫前端請求進來即可 package com.imooc.config import org.springframework.context...