vue3.0基于arco.design框架 vite 的反向代理设置

前端代码の搬运工

已于 2022-09-23 17:22:50 修改

阅读量2.3k

点赞数

文章标签：前端 javascript vue.js

于 2022-06-20 14:10:35 首次发布

本文链接：https://blog.csdn.net/a13145211/article/details/125371808

版权

本文档展示了Vite的开发配置文件`vite.config.dev.ts`的内容，包括模式设定为开发环境，服务器配置如主机、端口、自动打开浏览器以及严格的文件系统限制。重点讲解了API请求的代理配置，将`/api`路径代理到指定目标地址，实现跨域解决。此外，还提及了ESLint插件的使用，排除了`node_modules`并指定了源文件的检查范围。

摘要由CSDN通过智能技术生成

vite.config.dev.ts文件

export default mergeConfig(
  {
    mode: 'development',
    server: {
      host: '0.0.0.0',
      port: '3000',
      open: true,
      fs: {
        strict: true,
      },
      proxy: {
   
        '/api': {
          target: '地址',
          changeOrigin: true,
          rewrite: (path) => path.replace(/^\/api/, '')
        },
      }
    },
    plugins: [
      eslint({
        cache: false,
        include: ['src/**/*.ts', 'src/**/*.tsx', 'src/**/*.vue','**/*.d.ts'],
        exclude: ['node_modules'],
      }),
    ],
  },
  baseConig
);