当前位置: 首页 > article >正文

Vue3 nginx 打包后遇到的问题

在这里插入图片描述

前端vite文件配置

export default defineConfig({
  plugins: [vue(),DefineOptions()],
  base:'./',
  resolve:{
    alias:{
      '@':'/src', //配置@指向src目录
      '@components':'/src/components',
      '@views':'/src/@views'
    }
  },
  server:{
    // host:'0.0.0.0',
    // port:7000,
    proxy:{
      '/api':{
        target:'xxx', // 目标服务器地址 | target: 后面在加上/api,否则会报404
        changeOrigin:true,// 是否改变源地址
        rewrite:(path) => path.replace(/^\/api/, ''), // 重写路径
        // 可以配置更多选项,如 logLevel, timeout 等
      }
    }
  },
  build: {
    minify: "terser",
    terserOptions: {
      compress: {
        //生产环境时移除console和debugger
        drop_console: true,
        drop_debugger: true
      }
    }
  }
})

再补充一下 这个是只针对线上的发版 测试环境的不需要 刚才把这套逻辑配到测试结果页面跳转报错了 = =


http://www.kler.cn/a/511803.html

相关文章:

  • Jenkins-pipeline Jenkinsfile说明
  • SVG(Scalable Vector Graphics)全面解析
  • ReactiveSwift 简单使用
  • HTML<bdo>标签
  • 免费使用 Adobe 和 JetBrains 软件的秘密
  • 国产编辑器EverEdit -重复行
  • 数据结构——AVL树的实现
  • FPGA与ASIC:深度解析与职业选择
  • IOS 安全机制拦截 window.open
  • vector扩容 list和vector的比较
  • Kotlin 2.1.0 入门教程(六)
  • Windows上同时配置GitHub和Gitee服务
  • MySQL left join联合查询(on)
  • 用公网服务器实现内网穿透
  • WPF 实现可视化操作数据库的程序全解析
  • 【MySQL篇】使用mysqldump导入报错Unknown collation: ‘utf8mb4_0900_ai_ci‘的问题解决
  • excel实用工具
  • 易答题PHP通用工资条成绩单自动排版打印工具V1.0
  • 大模型GUI系列论文阅读 DAY2:《ScreenAgent:一种基于视觉语言模型的计算机控制代理》
  • CycleGAN - CycleGAN网络:无监督图像到图像转换的生成对抗网络
  • C# ComboBox 控件属性
  • 接口自动化测试
  • YUM部署MySQL数据库
  • 抽象设计如何提升用户体验?
  • MySQL 默认最大连接数是多少?
  • k8s pod 中通过service account 访问API Server