vue cli引入微信sdk,完成微信接口调用——配置开发环境访问限制（四）

最新推荐文章于 2025-07-15 10:34:53 发布

原创最新推荐文章于 2025-07-15 10:34:53 发布 · 1.6k 阅读

2 ·

CC 4.0 BY-SA版权

本文解决了你的问题吗？转载注明链接,帮助更多人。

文章标签：

#webpack #vue #devServer

Vue开发微信公众号专栏收录该内容

10 篇文章

订阅专栏

本文介绍如何通过简单配置解决Vue CLI创建的单页应用在开发过程中遇到的跨域问题，包括修改webpack配置文件以允许IP映射访问。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue cli的单页项目很可能是无法直接代理就能够访问到，例如使用域名访问项目时报不合法的主机头，但是修改一个配置就可以使用ip映射访问了！

笔者是使用的webpack2.xx，在项目初始化时，根目录中有一个文件夹，找到build/webpack.dev.conf.js

devServer: {
    clientLogLevel: 'warning',
    historyApiFallback: {
      rewrites: [
        { from: /.*/, to: path.posix.join(config.dev.assetsPublicPath, 'index.html') },
      ],
    },
    hot: true,
    contentBase: false, // since we use CopyWebpackPlugin.
    compress: true,
    host: HOST || config.dev.host,
    port: PORT || config.dev.port,
    open: config.dev.autoOpenBrowser,
    overlay: config.dev.errorOverlay
      ? { warnings: false, errors: true }
      : false,
    publicPath: config.dev.assetsPublicPath,
    proxy: config.dev.proxyTable,
    quiet: true, // necessary for FriendlyErrorsPlugin
    watchOptions: {
      poll: config.dev.poll,
    }
  }