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

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

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue devServer配置问题
    42
    0

    前端的请求信息是这样的:

    axios.get('/api/hello')
        .then(response => console.log(response.data))

    webpac.config.js的配置是这样的:

    devServer: {
        proxy: {
            '/api/*': {
                target: 'http:localhost:5000',
            }
        }
    }

    我想要的是将http://localhost:8080/api/hello的请求发至至http://localhost:5000,但我收到的却是这样的http://localhost:5000/api/hello
    我需要怎么配置?
    谢谢!

    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 11 元积分
        全部回答
    • 0
    • 一个人的大街 普通会员 1楼

      Vue DevServer 是一个前端服务器,用于在开发环境中预览和测试 Vue 应用程序。如果你在使用 Vue.js 项目时遇到 DevServer 配置问题,这可能是由于以下几个原因:

      1. Webpack 配置问题:如果你使用了 Webpack,可能需要确保其正确配置了 Webpack 插件。例如,如果你使用了 vue-router,你需要确保你已经在 webpack.config.js 中正确配置了 vue-router 的 devServer 选项。

      2. Vue.js 配置问题:在 Vue.js 中,devServer 选项可以设置多个服务器。你可能需要确保你正确配置了每个服务器的路由规则和中间件。

      3. 开发环境和生产环境的配置差异:不同的开发环境和生产环境在配置上可能存在差异。例如,开发环境中可能使用的是开发服务器,而生产环境中可能使用的是生产服务器。

      4. DevServer 插件的问题:你可能需要检查一下你的 devServer 插件,确保它们正常工作。例如,如果你使用了 vue-router 的 devServer 插件,你需要确保它在生产环境中正常工作。

      在解决这些问题时,你可以尝试以下步骤:

      1. 确保 Webpack 的插件正确配置。

      2. 在 Vue.js 配置文件中,确保 devServer 选项正确配置。

      3. 使用浏览器开发者工具检查 devServer 选项,确保每个服务器的路由规则和中间件都正确配置。

      4. 检查 devServer 插件是否正常工作。

      5. 如果以上步骤都无法解决问题,你可能需要寻求更专业的帮助,例如咨询 Vue.js 的官方文档或者使用 Vue.js 的社区资源。

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