vue代理配置Whitelabel Error Page This application has no explicit mapping for /error报错

时间:2024-03-17 12:58:59

vue代理配置Whitelabel Error Page This application has no explicit mapping for /error报错

这个问题困扰几天,现在贴出来给遇到这个问题的朋友一些参考

解决办法:

vue代理配置Whitelabel Error Page This application has no explicit mapping for /error报错

代理的名字随便命名 /edu/api

接口处前面加上/edu/api,这个默认被替换掉了/edu/api相当于代理层与真实路径没有关系

const mobileVerification = params => getActionUrl(`/edu/api/edu/kindergarten/exit/`, params);

 

proxy配置

关于config.js里面proxy的配置:               

  proxy: {

'/api': {

target: 'http://192.168.***.**:8500',

changeOrigin: true,

pathRewrite: { '^/api': '' },

},

'/login': {

target: 'http://192.168.***.**:8500',

changeOrigin: true,

pathRewrite: { '^/login': '' },

},

'/jiaxin-project-R':{

target: 'http://192.168.***.**:8500',

changeOrigin: true,

}

},

pathRewrite把里面的的api login 之前的所有东西置空,所以,当你想在需要加上的头前面加上到话,请不要写这个东西!!!!!

所以总结一下:      当遇到ajax请求是200或者304的时候,,,,,preview里面返回Sorry, we need js to run correctly!的时候,应该是自己的代理写错了!!!!

                            所以,可以在实际的url地址前面加上api,,,,实际上请求的时候会去掉api,只请求后面的url