账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    使用webpack4.0搭建的vue项目配置代理后请求报错404
    22
    0

    使用webpack4.0搭建的vue项目配置代理后请求报错404求解答

    proxy: {

            "/apis": {
                target: "http://47.94.232.95:8777/Api", // 域名
                ws: true, // 是否启用websockets
                changOrigin: true, //开启代理:在本地会创建一个虚拟服务端,然后发送请求的数据,并同时接收请求的数据,这样服务端和服务端进行数据的交互就不会有跨域问题
                pathRequiresRewrite: {
                  "^/apis": ""
                }
            }
        }
        

    以上是config.js配置信息

    return request({

    url: '/apis/Dictionary/List',
    method: 'post',
    data: data

    })

    url为请求路径

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 美言笑意 普通会员 1楼

      在webpack4.0中,如果你想使用代理来解决404错误,你可以使用proxy配置项来设置代理规则。

      以下是一个基本的配置示例:

      javascript module.exports = { // ... // 其他配置... module: { rules: [ { test: /\.vue$/, use: { loader: 'vue-loader', options: { proxy: { target: 'http://localhost:3000', changeOrigin: true } } } } ] }, // ... };

      在这个例子中,我们设置了一个代理规则,代理的目标是http://localhost:3000,并且我们的请求会根据proxy配置的changeOrigin属性来改变URL。

      如果你的404错误是由于你的请求路径在webpack配置文件的外部导致的,那么你可能需要检查你的代理规则是否正确设置,或者你的请求路径是否在你的webpack配置文件中。

      另外,你也可以使用historyApiFallback选项来处理404错误。例如:

      javascript module.exports = { // ... // 其他配置... module: { rules: [ { test: /\.vue$/, use: { loader: 'vue-loader', options: { historyApiFallback: true } } } ] }, // ... };

      在这个例子中,如果请求路径不在proxy配置中,webpack将会使用historyApiFallback来处理404错误。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部