vite项目指定端口号并设置代理

超级无敌暴龙战士大全

已于 2023-05-01 09:58:16 修改

阅读量734

点赞数

文章标签：服务器 vue.js 运维

于 2023-03-06 15:22:16 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_62902737/article/details/129363435

版权

该配置文件设置了一个Web服务器，监听8888端口。它包含一个代理配置，将所有/api请求转发到http://127.0.0.1:3000/api/，并更改源以允许跨域。此外，还定义了一个别名，将~符号映射到src目录，简化导入路径。

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

resolve: {
    alias: {
      "~": path.resolve(__dirname, "src")
    }
  },
  server: {
    port:8888,
    proxy: {
      // 使用 proxy 实例
      '/api': {
        target: 'http://127.0.0.1:3000/api/',
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/api/, ''),
      },
    }
  }