vue config.js 配置跨域不生效
axios默認請求接口就是localhost，所以這里需要更改 axios設置的默認請求設置
在 main.js 文件里，設置
axios.defaults.baseURL = '/api'配置跨域
vue.config.js文件夾要和src在同級別下
module.exports = {
configureWebpack: {
devtool: 'source-map'
},
productionSourceMap: false, // 生產(chǎn)環(huán)境是否要生成 sourceMap
publicPath: './', // 部署應用包時的基本 URL
outputDir: 'dist', // 打包時輸出的文件目錄
assetsDir: 'assets', // 放置靜態(tài)文件夾目錄
devServer: {
host: 'localhost',
port: 8081, //開發(fā)環(huán)境運行時的端口
https: false, //是否啟用HTTPS協(xié)議
open: true, //項目運行成功后是否直接打開瀏覽器
hot: true, //是否開啟熱加載
allowedHosts: 'all',
proxy: { //服務器代理
'/api': {
target: "http://localhost:8080/", // 實際跨域請求的API地址
secure: false, // https請求則使用true
ws: true,
changeOrigin: true, // 跨域
// 請求地址重寫 http://front-end/api/login ? http://api-url/login
pathRewrite: {
'^/api': '/',
}
},
}, // dev環(huán)境下，webpack-dev-server 相關(guān)配置
}
}在這里面 /api 就相當于'http://localhost:8080/'
所以接下來接口需要添加的的url參數(shù)不需要再寫接口的域名
如果是封裝的請求這個地址也不要寫
要是在不行就把請求頭加上文章來源：http://www.zghlxwxcb.cn/news/detail-798260.html
headers: {
"Access-Control-Allow-Origin": "*",
"Content-Type": "application/json;charset=utf-8"
}如果還沒有辦法就讓后端解決
springboot解決方法文章來源地址http://www.zghlxwxcb.cn/news/detail-798260.html
@Override
protected void addCorsMappings(CorsRegistry registry) {
//設置允許跨域的路徑
registry.addMapping("/**")
//設置允許跨域請求的域名
.allowedOrigins("*")
//是否允許證書 不再默認開啟
.allowCredentials(true)
//設置允許的方法
.allowedMethods("*")
//跨域允許時間
.maxAge(3600);
}到了這里，關(guān)于proxy代理不生效、vue config.js不生效解決方法的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
