m0_65812066的博客

params的对象参数名和值，axios的源码会把参数和值，eg：先查看接口文档。

比如 elementUI 文件就很大，而且这类插件长期不需要我们进行更新，所以。配置后再次运行 npm run build 打包生成的dist文件内存小很多。==一定要去修改掉引入Element用的变量名, 这里要匹配去替换==此选项作用, 告诉webpack排除掉这些包, 不进行打包。==因为cdn里的源代码配置在ELEMENT这个变量上==把一些平常不需要用的包排除在打包文字之外。全部打包到自己的项目中呢？

自己写localStorage.setItem等 需要一个个写, 很麻烦自己写localStorage.setItem等 需要一个个写, 很麻烦。刷新vuex的值会回归初始化, 如果在保存到vuex时, 它能自动保存到浏览器本地, 默认从浏览器本地取呢?这次再来重新登录, 查看浏览器调试工具vuex和浏览器本地存储位置, 是否自动同步进入。刷新网页看调试工具里vuex的默认值确实从本地取出了默认值, 保证了vuex的持久化。(配合vue2使用, 默认最新版是配合vue3使用)

publicPath：默认值'/'确保开发环境下，是这个值，因为开发服务器会把所有打包在内存里面而且作为服务器的根目录文件夹，既结对地址。你如果把dist文件夹交给后台运维工程师部署到服务器上，dist下内容就得在服务器根目录才行，地址是以/开头（要找到当前index.html打开时所在服务器的根地址（文件夹））。生产环境准备上线了，这个时候，就得用相对地址，publicPath：'./'1.默认打包，index.html引入其他打包的文件使用的是绝对地址，路劲不以/开头，就是以./开头（默认）

方法读取vuex中被管理数据，那么假如用户数据有昵称，邮件，头像等，就得一个一个 . 出来太费劲了！在src/store/index.js。因为用户数据肯定不止一点，如果通过。：通过store中的。

前端是无法判断token是否过期了的, 所以当某次发请求把token带给后台做验证的时候。但是你又不确定在哪个请求会401, 所以要用统一的响应拦截器做判断。后台发现token过期了, 则会返回响应状态码401。中, 给自定义axios函数添加响应拦截器。

正常接口方法里, 在函数里请求headers参数需要写多个, 要修改需要改多处, 所以我们决定在请求拦截器统一携带。

element-ui完整组件引入方法

这种分层架构思想, 可以更好的统一管理项目中所有接口, 并也方便统一给axios方法。1.新建src/utils/request.js项目核心请求方法的模块文件。2.新建src/api/index.js项目接口方法统一管理模块文件。3.在任意组件中, 引入接口请求方法, 并请求数据。添加拦截器和修改基地址。

但是第一次运行开发环境的速度会有点慢，所以开发环境下想要webpack引入本地的node_modules那些第三方包。生产环境，打包时会以public/index.html,也有那些第三方的cdn地址，所以也能正常运行。dist瘦身：影响dist的体积，其他第三方包用cdn地址引入到index.html中保证运行。把一些静态资源：css， .js，图片，视频放在第三方的CDN服务器上，可以加速访问速度。打包dist和开发环境都会使用这套配置（cdn地址），并排除掉第三方。问题：我们虽然排除调了第三方的包。