码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2020-04-17 18:46:56      阅读:105      评论:0      收藏:0      [点我收藏+]

标签:hunk   user   开发环境   col   inf   代理   理解   https   export   

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打包后,增加时间戳后缀名,避免缓存问题

const Timestamp = new Date().getTime();
module.exports = {
    configureWebpack: {
    output: {
      filename: `[name].${Timestamp}.js`,
      chunkFilename: `[name].${Timestamp}.js`
    }
   }
}

  

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

标签:hunk   user   开发环境   col   inf   代理   理解   https   export   

原文地址:https://www.cnblogs.com/front-web/p/12721649.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!