vue3 axios代理配置报404
vue3 代理配置报404需要调用的接口http://192.168.1.21:8080/face/f/getGenGoodsClassAndGenGoodsBySize?pageSize=10&pageNo=1错误的代理配置module.exports = {baseUrl: process.env.NODE_ENV === 'production' ? '/online...
·
vue3 代理配置报404
需要调用的接口
http://192.168.1.21:8080/face/f/getGenGoodsClassAndGenGoodsBySize?pageSize=10&pageNo=1
错误的代理配置
module.exports = {
baseUrl: process.env.NODE_ENV === 'production' ? '/online/' : './',
// baseUrl: '/',
//baseUrl: './',
devServer:{
port:8001,//端口号
https:false,
open:false,//配置自动启动浏览器
proxy:{//配置跨域处理,只有一个代理
'/api':{
target: 'http://192.168.1.21:8080',
ws:true,
changeOrigin:true,
}
}
}
}
错误的vue代码
// An highlighted block
qing(i){
let tht=this
this.$axios({
method: 'get',
url: 'api/face/f/getGenGoodsClassAndGenGoodsBySize?pageSize=10&pageNo='+i
}).then(response => {
console.log(response)
tht.all=Math.ceil(response.data.data.total/10)
tht.dataa=response.data.data
})
},
最终调用的接口
http://192.168.1.21:8080/api/face/f/getGenGoodsClassAndGenGoodsBySize?pageSize=10&pageNo=1
vue.config.js
module.exports = {
baseUrl: process.env.NODE_ENV === 'production' ? '/online/' : './',
// baseUrl: '/',
//baseUrl: './',
devServer:{
port:8001,//端口号
https:false,
open:false,//配置自动启动浏览器
proxy:{//配置跨域处理,只有一个代理
'/face':{
target: 'http://192.168.1.21:8080',
ws:true,
changeOrigin:true,
}
}
}
}
vue中代码
// An highlighted block
qing(i){
let tht=this
this.$axios({
method: 'get',
url: 'face/f/getGenGoodsClassAndGenGoodsBySize?pageSize=10&pageNo='+i
}).then(response => {
console.log(response)
tht.all=Math.ceil(response.data.data.total/10)
tht.dataa=response.data.data
})
},
使用vue代理时 写的proxy默认没有消失如果不想配置的话最好将它的命名为地址中的单词
更多推荐
已为社区贡献2条内容
所有评论(0)