自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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关注的人

提示
确定要删除当前文章?
取消 删除