由於專案需要,公司最近的專案需要用到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...