HTTP错误码491通常表示服务器拒绝处理请求,因为请求头或者请求体的大小超出了服务器的限制。这个错误可能与你的网络环境有关,也可能与你的项目配置有关。
可能有用的解决方案:
1、增加请求头或请求体的大小限制
在Vue CLI 4中,可以在vue.config.js文件中配置devServer选项来增加请求头或请求体的大小限制。例如:
module.exports = {
devServer: {
clientLogLevel: 'warning',
headers: { 'Access-Control-Allow-Origin': '*' },
watchOptions: {
poll: true
},
overlay: {
warnings: false,
errors: true
},
compress: true,
disableHostCheck: true,
proxy: {
'/api': {
target: 'http://localhost:3000',
changeOrigin: true,
pathRewrite: {
'^/api': ''
}
}
},
// 增加请求头或请求体的大小限制
limit: '50mb'
}
}
在devServer选项里增加了一个limit属性,来设置请求头或请求体的大小限制为50MB。
可以根据实际情况来调整这个值
2、使用代理服务器
如果你的网络环境不太稳定,可以考虑使用代理服务器来创建Vue项目。例如,可以使用cnpm代替npm来安装Vue CLI,或者使用npm的--registry选项来指定镜像源
# 使用cnpm代替npm
npm install -g cnpm --registry=https://registry.npm.taobao.org
# 使用npm的--registry选项指定镜像源
npm install -g @vue/cli --registry=https://registry.npm.taobao.org
3、检查网络环境
如果以上两种方法都没有解决问题,可以检查一下你的网络环境是否正常。可能是你的网络出现了问题,导致请求被拒绝。可以尝试重新启动路由器或者更换网络环境来解决问题。
在config/index.js中配置
proxyTable: {
'/api': {
target: 'http://localhost:8080',
pathRewrite: {
'^/api': '/static/mock'
}
}
}
vue cli4配置跨域
在package.json同级目录下创建vue.config.js文件
module.exports = {
configureWebpack: {
devtool: 'source-map'
},
lintOnSave: false,
devServer: {
proxy: {
'/api': {
target: 'http://localhost:8080',
changeOrigin: true,
pathRewrite: {
'^/api': 'static/mock'
}
}
}
}
}
解决方案:
针对报491错误的问题,有如下解决方案可以尝试:
如果以上方案都不能解决问题,可以尝试在Github或其他社区中向开发者或其他用户寻求帮助,或者联系Vue的官方技术支持。