Vue技术点整理-vue.config.js

1,proxy代理解决本地开发环境跨域问题

配置proxy代理后,proxy会将任何未知请求 (没有匹配到静态文件的请求) 代理到 https://192.168.3.49:8080

vue.config.js配置

devServer: {
    proxy: {
      '/edu-api': {
        target: `https://192.168.3.49:8080`,
        changeOrigin: true,
      }
    }
  }

业务请求代码

axios.get("/edu-api/userList")
.then(response => {
    console.info(response)
})

 2,vue-cli打包后,增加时间戳后缀名,避免缓存问题

1
2
3
4
5
6
7
8
9
const Timestamp = new Date().getTime();
module.exports = {
    configureWebpack: {
    output: {
      filename: `[name].${Timestamp}.js`,
      chunkFilename: `[name].${Timestamp}.js`
    }
   }
}

  

posted @   King-Hao  阅读(806)  评论(0编辑  收藏  举报
编辑推荐:
· 软件产品开发中常见的10个问题及处理方法
· .NET 原生驾驭 AI 新基建实战系列:向量数据库的应用与畅想
· 从问题排查到源码分析:ActiveMQ消费端频繁日志刷屏的秘密
· 一次Java后端服务间歇性响应慢的问题排查记录
· dotnet 源代码生成器分析器入门
阅读排行:
· ThreeJs-16智慧城市项目(重磅以及未来发展ai)
· .NET 原生驾驭 AI 新基建实战系列(一):向量数据库的应用与畅想
· Browser-use 详细介绍&使用文档
· 软件产品开发中常见的10个问题及处理方法
· Vite CVE-2025-30208 安全漏洞
点击右上角即可分享
微信分享提示
主题色彩