反向代理配置

最新推荐文章于 2024-12-20 18:20:25 发布

颜小坑

最新推荐文章于 2024-12-20 18:20:25 发布

阅读量372

点赞数

文章标签： vue proxy

本文链接：https://blog.youkuaiyun.com/yanxiaokeng/article/details/113856068

版权

在vue.config.js中，配置了项目的publicPath为'./'，输出目录为'dist'，静态资源目录为'public'。同时，设置了开发服务器的相关选项，如自动打开浏览器(open: true)和使用http协议(https: false)。重点在于代理配置，通过proxy将'/api'请求代理到'http://127.0.0.1:8000'，启用跨域并重写路径。

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

vue.config文件的配置

代码展示

代码展示

vue.config.js文件中写入 代码片.

module.exports = {
    // 基本路径
    publicPath: './',
    // 输出文件目录
    outputDir: 'dist',
    assetsDir: 'public',
    devServer: {
      open: true,
      https: false,
    //   port: 175,
      // 设置代理
      proxy: {
        '/api': {
          // target: 'https://api.weixin.qq.com', //代理接口
          target: 'http://127.0.0.1:8000',
          changeOrigin: true,
          pathRewrite: {
            '^/api': '', //代理的路径
          },
        },
      },
    },
  }