proxy代理不生效以及vue?config.js不生效解決方法
vue config.js 配置跨域不生效
axios默認(rèn)請(qǐng)求接口就是localhost,所以這里需要更改 axios設(shè)置的默認(rèn)請(qǐng)求設(shè)置
在 main.js 文件里,設(shè)置
axios.defaults.baseURL = '/api'
配置跨域
vue.config.js文件夾要和src在同級(jí)別下

module.exports = {
configureWebpack: {
devtool: 'source-map'
},
productionSourceMap: false, // 生產(chǎn)環(huán)境是否要生成 sourceMap
publicPath: './', // 部署應(yīng)用包時(shí)的基本 URL
outputDir: 'dist', // 打包時(shí)輸出的文件目錄
assetsDir: 'assets', // 放置靜態(tài)文件夾目錄
devServer: {
host: 'localhost',
port: 8081, //開(kāi)發(fā)環(huán)境運(yùn)行時(shí)的端口
https: false, //是否啟用HTTPS協(xié)議
open: true, //項(xiàng)目運(yùn)行成功后是否直接打開(kāi)瀏覽器
hot: true, //是否開(kāi)啟熱加載
allowedHosts: 'all',
proxy: { //服務(wù)器代理
'/api': {
target: "http://localhost:8080/", // 實(shí)際跨域請(qǐng)求的API地址
secure: false, // https請(qǐng)求則使用true
ws: true,
changeOrigin: true, // 跨域
// 請(qǐng)求地址重寫(xiě) http://front-end/api/login ? http://api-url/login
pathRewrite: {
'^/api': '/',
}
},
}, // dev環(huán)境下,webpack-dev-server 相關(guān)配置
}
}在這里面 /api 就相當(dāng)于'http://localhost:8080/'
所以接下來(lái)接口需要添加的的url參數(shù)不需要再寫(xiě)接口的域名

如果是封裝的請(qǐng)求這個(gè)地址也不要寫(xiě)

要是在不行就把請(qǐng)求頭加上

headers: {
"Access-Control-Allow-Origin": "*",
"Content-Type": "application/json;charset=utf-8"
}如果還沒(méi)有辦法就讓后端解決
springboot解決方法
@Override
protected void addCorsMappings(CorsRegistry registry) {
//設(shè)置允許跨域的路徑
registry.addMapping("/**")
//設(shè)置允許跨域請(qǐng)求的域名
.allowedOrigins("*")
//是否允許證書(shū) 不再默認(rèn)開(kāi)啟
.allowCredentials(true)
//設(shè)置允許的方法
.allowedMethods("*")
//跨域允許時(shí)間
.maxAge(3600);
}總結(jié)
到此這篇關(guān)于proxy代理不生效以及vue config.js不生效解決方法的文章就介紹到這了,更多相關(guān)vue config.js不生效內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
ElementUI的CheckBox多選框數(shù)據(jù)回顯方式
這篇文章主要介紹了ElementUI的CheckBox多選框數(shù)據(jù)回顯方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-04-04
vue使用recorder-core.js實(shí)現(xiàn)錄音功能
這篇文章主要介紹了vue如何使用recorder-core.js實(shí)現(xiàn)錄音功能,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-07-07
Vue2.x中的父組件傳遞數(shù)據(jù)至子組件的方法
這篇文章主要介紹了Vue2.x中的父組件數(shù)據(jù)傳遞至子組件的方法,需要的朋友可以參考下2017-05-05
Vue?uni-app框架實(shí)現(xiàn)上拉加載下拉刷新功能
uni-app是一個(gè)使用Vue.js(opens?new?window)開(kāi)發(fā)所有前端應(yīng)用的框架,開(kāi)發(fā)者編寫(xiě)一套代碼,可發(fā)布到iOS、Android、Web(響應(yīng)式)、以及各種小程序(微信/支付寶/百度/頭條/飛書(shū)/QQ/快手/釘釘/淘寶)、快應(yīng)用等多個(gè)平臺(tái)2022-09-09
vue實(shí)現(xiàn)的樹(shù)形結(jié)構(gòu)加多選框示例
這篇文章主要介紹了vue實(shí)現(xiàn)的樹(shù)形結(jié)構(gòu)加多選框,結(jié)合實(shí)例形式分析了在之前遞歸組件實(shí)現(xiàn)vue樹(shù)形結(jié)構(gòu)的基礎(chǔ)之上再加上多選框功能相關(guān)操作技巧,需要的朋友可以參考下2019-02-02

