2024-11-05CDN 引入只有在 build 打包出来的才是 CDN 引入，本地开发走的还是 NPM 本地包引入， 所以先使用 NPM 方式引入。注意事项：element-plus 不能在 vite.config.js 中使用按需加载，需要在 main.js 中全局引入；，依赖变为 CDN 引入，外部的 js 文件和 css 文件集成到 index.html 中。_vue3 把指定库通过cdn引入,并在打包配置中排除

https://www.qianduange.cn//article/19966.html 分类：前端知识

2024-11-04如果一个目录下存在一个tsconfig.json文件，那么它意味着这个目录是Type Script项目的根目录。 tsconfig.json文件中指定了用来 编译这个项目的根文件和 编译选项_tsconfig.json配置详解

https://www.qianduange.cn//article/19961.html 分类：前端知识

2024-11-04npm ERR! request to https://registry.npm.taobao.org/xxx failed, reason: certificate has expired_npm err! request to

https://www.qianduange.cn//article/19954.html 分类：前端知识

2024-11-04Nginx 的try_files配置是为了处理 Vue.js 应用程序的历史模式路由，而不是真正根据 URL 返回不同的 HTML 文件。它的作用是将所有请求重定向到同一个入口点（即），然后由 Vue Router 在客户端处理 URL 变更。这样可以让应用程序看起来像多页面应用，但实际上仍然是一个单页面应用。Nginx 配置： 当您在 Nginx 中添加try_files指令时，它告诉 Nginx 如果请求的 URI 存在，则尝试查找该目录下的index.html文件。如果没有找到，它将回退到根目录下的。_history模式为什么需要nginx配置

https://www.qianduange.cn//article/19950.html 分类：前端知识

2024-08-18v-if是 Vue.js 提供的条件渲染指令，用于根据表达式的真假值有条件地渲染元素。当表达式为真时，渲染元素；为假时，不渲染。它的基本语法如下：_vue v-if

https://www.qianduange.cn//article/16148.html 分类：前端知识

2024-11-04刚接触这个需求的时候，lz想的是能实现将当前网页内容导出PDf下载即可。因为这也符合常规业务需求逻辑，也没有考虑其他的，因此参考了几篇网上的博文，很快就选定了vue项目中利用html2canvas jspdf来实现导出PDf。 所以，很快就实现了。在此基础上，还满足了可以动态进行PDf分页dom节点的划分 ,并且觉得就这？就这？蜜汁自信（不自量力）的lz还马上写了一篇博客，下面附上博客地址，内附源码。vue2利用html2canvas jspdf动态生成多页PDf_html2pdf 多页-CS_html2canvas结合jspdf前端页面生成pdf文件,数量太多生成黑屏文件

https://www.qianduange.cn//article/19949.html 分类：前端知识

2024-11-04第一步，安装拓展 Prettier - Code formatter 和 Vue - Official。Volar 已经弃用了，现在改用 Vue - Official。第二步，打开设置，打开 settings.json 文件。第三步，修改 settings.json 文件。重启 VSCode ，即可。_vscode vue 格式化

https://www.qianduange.cn//article/19948.html 分类：前端知识

2024-11-04在开发基于Vue.js的应用时，经常会遇到前后端分离的情况，即前端应用与后端API服务器部署在不同的域名下。希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。通过以上示例和技巧，我们可以在Vue CLI项目中灵活地配置HTTPS代理，从而在开发阶段无缝对接后端API，提高开发效率和安全性。中配置代理，可以让开发服务器充当代理服务器的角色，将请求转发到正确的API地址。有时候，我们可能不希望所有的请求都被代理，而是只有特定的路径。_vue.config.js proxy

https://www.qianduange.cn//article/19943.html 分类：前端知识

2024-11-04本文讲述了在Vue项目中，由于VSCode和项目内的ESLint及Prettier设置不一致导致的代码格式化问题。解决方法是确保所有地方的行宽、换行规则保持一致，如调整.eslintrc.js中的singleline设置和prettier的printWidth，同时注意VSCode的vetur.format.defaultformatterOptions配置。

https://www.qianduange.cn//article/19941.html 分类：前端知识

2024-11-04因此此刻的MyInterface并不一定是最终的类型结构，后续的合并可能会存在类型不与Record一致的情况。Record限制了属性的类型和值的类型。而Interface由于可以声明合并，3、type可以被基础类型定义，而interface仅可以描述对象结构的类型。Interface基于extends继承扩展基类类型，而type利用。声明同名的类型，Interface同名会合并，而type重名会报错。1、Interface可以声明合并，type不行。一、Interface与type的区别。_ts interface 转为 record

https://www.qianduange.cn//article/19936.html 分类：前端知识