VueCli3出现 [WDS] Disconnected!

最新推荐文章于 2024-06-18 14:44:02 发布

原创最新推荐文章于 2024-06-18 14:44:02 发布 · 4.1k 阅读

0 ·

CC 4.0 BY-SA版权

vue 专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍如何在vue.config.js中设置跨域代理，通过修改host检查和代理配置，实现本地开发环境与后端服务器之间的无缝对接。文章涵盖具体配置示例，包括目标URL、WebSocket支持、源改写等关键步骤。

vue.config.js中修改配置

localhost -> 127.0.0.1

disabledHostCheck: true

{
    disableHostCheck: true,
    proxy: {// 配置跨域
      '/': {
        target: 'http://127.0.0.1:3000/', // 这里后台的地址模拟的;应该填写你们真实的后台接口
        ws: false,
        changOrigin: true, // 允许跨域
        pathRewrite: {
          '^/': ''// 请求的时候使用这个api就可以
        }
      }
}