vue - vue.config.js中devServer配置方式
更新時(shí)間：2019年10月30日 10:05:44 作者：idomyway
今天小編就為大家分享一篇vue - vue.config.js中devServer配置方式，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
前言
這里寫你調(diào)用接口的基礎(chǔ)路徑，來解決跨域，如果設(shè)置了代理，那你本地開發(fā)環(huán)境的axios的baseUrl要寫為''，即空字符串
只有一個(gè)接口ip端口時(shí)
devServer: {
open: false,
// 跨域
proxy: {
'/nuojinadm/': {
target: 'http://192.168.0.11/',
changeOrigin: true
}
}
}
2、設(shè)置axios中的baseUrl 與proxy端口一致
baseUrl: {
dev: '/nuojinadm/',
pro: '/nuojinadm/'
}
當(dāng)有多個(gè)ip端口的接口時(shí)
devServer: {
open: false,
port: 8801, // 自定義修改8080端口
// 代理跨域
proxy: {
'/proxy1/adm/': {
target: 'http://192.168.0.xx:xxxx/',
changeOrigin: true
},
'/proxy2/adm/': {
target: 'http://192.168.0.xx:xxxx/',
changeOrigin: true
},
'/httpsProxy3/config/': {
target: 'https://xx.xx.com',
secure: false, // https協(xié)議才設(shè)置
changeOrigin: true
}
}
}
2、設(shè)置axios中的baseUrl 設(shè)置為空
baseUrl: {
dev: '/',
pro: '/'
}
3、在每個(gè)request（axios）頁面中
const proxyxxx= '/xxx/xxx'
export const getBannerList = params => {
return axios.request({
url: `${proxyxxx}/banner/v1/banner/${params.pageSize}/${params.pageNum}`,
params,
method: 'get'
})
}
以上這篇vue - vue.config.js中devServer配置方式就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
本篇文章主要介紹了簡單的 Vue SSR的示例代碼，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-01-01
這篇文章主要介紹了vue-pdf如何通過文件流預(yù)覽pdf文件問題,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-10-10
近期學(xué)習(xí)vue3的父子組件之間的傳值,發(fā)現(xiàn)跟vue2.x的父子組件之間的傳值并沒有太大的區(qū)別,下面這篇文章主要給大家介紹了關(guān)于vue3父組件和子組件如何傳值的相關(guān)資料,需要的朋友可以參考下2022-08-08
Vue入門之?dāng)?shù)量加減運(yùn)算操作示例
這篇文章主要介紹了Vue入門之?dāng)?shù)量加減運(yùn)算操作,結(jié)合實(shí)例形式分析了vue.js基本數(shù)值運(yùn)算相關(guān)操作技巧,需要的朋友可以參考下2018-12-12
這篇文章主要給大家介紹了關(guān)于Vue生命周期的那些事,在使用vue開發(fā)過程中經(jīng)常會接觸到生命周期的問題,但對于每個(gè)鉤子函數(shù)都做了什么,應(yīng)用場景比較模糊,希望通過這次梳理讓自己清楚一些,需要的朋友可以參考下2021-09-09
這篇文章主要介紹了vue配置請求本地json數(shù)據(jù)的方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-04-04
這篇文章主要為大家介紹了Javascript對象及Proxy工作原理詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-08-08
隨著前端的快速發(fā)展，非常多的js框架被應(yīng)用到項(xiàng)目中。Vue.js本身支持對組件的異步加載,配合Webpack的分塊打包功能,可以極其輕松地實(shí)現(xiàn)組件的異步按需加載。 這篇文章是webpack+vue.j的入門教程，有需要的可以參考借鑒。2016-10-10
淺談Vue開發(fā)人員的7個(gè)最好的VSCode擴(kuò)展
這篇文章主要介紹了淺談Vue開發(fā)人員的7個(gè)最好的VSCode擴(kuò)展，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-01-01
這篇文章主要介紹了vue中使用svg-icon遇到的坑及解決方案，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-06-06