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默认没有消失如果不想配置的话最好将它的命名为地址中的单词

Logo

前往低代码交流专区

更多推荐