vue 實現(xiàn)cli3.0中使用proxy進行代理轉(zhuǎn)發(fā)
更新時間：2019年10月30日 10:35:44 作者：huyao_road
今天小編就為大家分享一篇vue 實現(xiàn)cli3.0中使用proxy進行代理轉(zhuǎn)發(fā)，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
解決方法：
在vue項目的根目錄下添加 vue.config.js文件，文件中需要按照下面寫法來寫
module.exports = {
lintOnSave: true,
devServer: {
proxy: {
// proxy all requests starting with /api to jsonplaceholder
'/api': {
target: 'http://localhost:8080', //代理接口
changeOrigin: true,
pathRewrite: {
'^/api': '/mock' //代理的路徑
}
}
}
}
}
然后你就可以在代碼中使用 /api 來代替http://localhost:8080/mock啦
以上這篇vue 實現(xiàn)cli3.0中使用proxy進行代理轉(zhuǎn)發(fā)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
下面小編就為大家分享一篇vue 引入公共css文件的簡單方法(推薦)，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01
最近在寫閉包的應(yīng)用的時候，出現(xiàn)了一個cached函數(shù)，來源于Vue源碼，利用了閉包變量不會被回收的特點，可以緩存變量，cached本質(zhì)上是一個高階函數(shù)，它接受一個函數(shù)的參數(shù)，同時返回一個函數(shù)2022-08-08
這篇文章主要介紹了Vue使得大屏自適應(yīng)的多種方法,自適屏幕，始終保持16:9的比例，還一種是使用CSS scale屬性對大屏幕做自適應(yīng)處理，需要的朋友可以參考下2023-10-10
這篇文章主要為大家介紹了Vue中使用Swiper簡單封裝組件示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-08-08
elementui源碼學(xué)習(xí)之仿寫一個el-divider組件
這篇文章主要為大家介紹了elementui源碼學(xué)習(xí)之仿寫一個el-divider組件示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-08-08
這篇文章主要介紹了keep-alive保持組件狀態(tài)的方法，幫助大家更好的理解和學(xué)習(xí)vue框架，感興趣的朋友可以了解下2020-12-12
這篇文章主要介紹了詳解Weex基于Vue2.0開發(fā)模板搭建,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-03-03
本文主要主要講述對threejs的一些api進行基本的封裝，在vue3項目中來實現(xiàn)一個可視化的3d項目，包含了一些常用的功能，場景、燈光、攝像機初始化，模型、天空盒的加載，以及鼠標(biāo)點擊和懸浮的事件交互,感興趣的朋友可以參考下2023-06-06
Vue項目三級聯(lián)動路由跳轉(zhuǎn)與傳參的思路詳解
這篇文章主要介紹了Vue項目三級聯(lián)動的路由跳轉(zhuǎn)與傳參的思路詳解,本文給大家介紹的非常詳細(xì),感興趣的朋友跟隨小編一起看看吧2024-08-08
VUE的history模式下除了index外其他路由404報錯解決辦法
在本篇文章里小編給大家分享的是關(guān)于VUE的history模式下除了index外其他路由404報錯解決辦法，對此有需要的朋友們可以學(xué)習(xí)下。2019-08-08