Vue项目优化
文章平均质量分 92
众生皆苦唯有我甜
(̿▀̿ ̿Ĺ̯̿̿▀̿ ̿) 互联网软件开发工程师
展开
-
vue项目基础用法教程(二)
创建项目vue-cli脚手架生成项目vue create 项目名称配置参考vue-router配置vue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用。我们可以访问其官方网站对其进行学习: https://router.vuejs.org/zh/1. 安装vue-router(创建项目时若已勾选vue-router请忽略)npm install vue-router --save2. 创建路由实例一般在src目录下创建router原创 2022-03-28 14:00:17 · 7538 阅读 · 0 评论 -
跨域解决方案-ngnix反向代理完美解决(1)
近期在项目中,由于后端重定向两次接口,前端直接拿回响应时间较长,所有在这里做一次跨域。小节一下。什么是跨域?跨域指浏览器不允许当前页面的所在的源去请求另一个源的数据。源指协议,端口,域名。类型实例协议跨域http://www.baidu.com访问https://www.baidu.com端口跨域http://www.baidu.com:8080访问http...原创 2019-10-15 18:38:13 · 370 阅读 · 0 评论 -
浅谈Vue项目优化心得
路由优化1.代码包优化 1.禁止sourceMap,即取消生成map.js文件。 一方面可以减少上线代码包的大小;另一方面提高系统的安全性。 在vuejs项目的config目录下有三个文件dev.env.js(开发环境配置文件)、prod.env.js(上线配置文件)、index.js(通用配置文件)。vue-cli脚手架在上线配置文件会自动设置允许sourceMap打包,所以在上线前...原创 2019-07-26 17:42:10 · 796 阅读 · 2 评论 -
局域网内访问vue项目
1.首先获取本地IP地址2.在vue项目中的config文件中的index.js内,将host的配置改为本地的IP。如3.在vue项目中的package文件中,在script内的dev中加入 – host 本地IP。如3.重启项目 npm run dev 。然后通过访问本地ip+端口号就可以局域网内访问了。...原创 2019-07-31 19:05:34 · 655 阅读 · 0 评论 -
webpack打包时,html出现路径问题
在webpack打包时,npm run build 访问里面的index首页,发现路径不对,有时候是空白页。解决方法:在config下面的index.js把 assetsPublicPath: ‘/’, 修改为: assetsPublicPath: ‘./’,ttf .woff .woff2.img路径错误解决方法:在build下面的webpack.base.conf.js把...原创 2019-08-12 17:16:45 · 794 阅读 · 0 评论 -
修改文件内所有文件的指定字符串方法
前段时间,公司临时需求从网上爬下来一个官网,几百个html页面,一个一个修改显然不现实,指令修改有点小问题。最后通过webstorm开发工具指令完成,webstorm真的强大。快捷方式如下:查找上一个shift+F3文件内代码替换ctrl+R指定目录内代码批量替换ctrl+shift+R指定目录内代码批量查找ctrl+shift+F目录下所有文件指定代...原创 2019-09-02 17:40:04 · 280 阅读 · 0 评论 -
项目版本更新,浏览器缓存问题解决方案
打包项目更新到服务器时可能会存在缓存问题,需要在服务器中进行配置。location = /index.html { add_header Cache-Control "no-cache, no-store";}no-cache, no-store可以只设置一个no-cache浏览器会缓存,但刷新页面或者重新打开时 会请求服务器,服务器可以响应304,如果文件有改动就会响应200...原创 2019-09-10 13:53:00 · 2771 阅读 · 0 评论