- 博客(3)
- 收藏
- 关注
原创 使用vue-element-admin的登陆流程
5.在vuex中储存服务器返回来的token数据,并引入utils/auth里token的方法,在本地初始化的时候调用取出token的方法,取出token设置为初始值。7.在vuex中的mutations里面添加方法,把actions提交过来的token赋值给储存token的变量,并在本地储存一份。4.设置请求拦截器,把vuex中储存的token注入到每一次的http请求里,因为除了登陆,其他请求都需要携带token。6.在vuex中的actions里面添加异步调用接口的方法。至此登陆流程就完成了!
2023-06-30 21:36:36
975
原创 vue项目打包上线流程:
因为项目打包之后脱离了脚手架,所以无法使用之前的proxy反向代理的方法,需要借助nginx进行反向代理,解决跨域问题,修改nginx配置,把接口请求指向目标服务器,重启nginx服务器。解决刷新路由404问题,修改ndinx配置,把前端所有的路径请求都指向index.html,然后重启nginx服务器。首先把路由模式修改成history模式,对vue项目进行打包分析,对体积较大的包使用cdn进行优化。使用nginx服务器进行部署,把dist文件上传到nginx指定的文件目录下。
2023-06-25 22:02:52
186
原创 项目打包上线为什么要把hash模式换成history模式?
更好的用户体验:历史模式提供更接近传统网站的用户体验,用户可以直接复制、粘贴或分享完整的URL。同时,在前进和后退操作时,历史模式提供平滑的过渡效果,而不会导致整个页面刷新。更好的与服务器配合:历史模式下,URL的路径部分可以被发送到服务器,方便服务器根据路由返回相应的页面内容。更好的搜索引擎优化:某些搜索引擎对哈希模式的URL支持有限。历史模式下的URL更符合搜索引擎的索引机制,有助于提升网站的搜索引擎优化效果。更美观的URL:历史模式创建的URL更具可读性,没有哈希符号#,并且更直观清晰。
2023-06-25 19:33:01
204
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人