本文记录了在Vue CLI3中配置API地址时遇到的问题及解决办法，包括将CLI的port改为与API接口相同的端口号。还讨论了如何移除严格模式，使用provide/inject，混入(mixins)，事件节流与防抖，以及项目优化工具webpack-bundle-analyzer。此外，解释了chainWebpack和configureWebpack的区别，并提醒在处理less时注意的情况，以及在支持低版本浏览器时使用babel-polyfill的重要性。
1.记一个配置时候遇到的问题。怎么配置网上有一堆大概向下面这样：
TIM图片20191010110954.png
问题就是如果你的api端口地址是80，而你cli的port默认是8080的话，这样配置还是访问不到的，会报502 网关错误，我试过在target地址后面填上端口80不好使，最后是把port改成与api接口一样的端口号就调通了。
2.移除严格模式
安装
cnpm i babel-plugin-transform-remove-strict-mode -D
在babel.config.js中进行配置(vue-cli3 中 没有.babelrc文件)
plugins: [
["@babel/plugin-transform-modules-commonjs", { "strictMode": false }]
],
provide / inject这对选项需要一起使用，以允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，并在起上下游关系成立的时间里始终生效。
provide 选项应该是：一个对象或返回一个对象的函数
inject 选项应该是：一个字符串数组，或 一个对象，对象的 key 是本地的绑定名
mixins 就是定义一部分公共的方法或者计算属性,然后混入到各个组件中使用,方便管理与统一修改
4.事件的节流(throttle)与防抖(debounce)
nextTick，则可以在回调中获取更新后的 DOM
最低0.47元/天 解锁文章
674
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
