2024-02-26一、项目环境nuxt 2.X vue2.X vuex webpack二、安装三、使用3.1、plugins目录下创建echarts.js3.2、nuxt.config.js中plugins引入echarts.js3.3、创建图表容器3.4、 定义option参考第五项，option写在data里边即可3.5、initChat3.6、经过测试图表展示成功四、过程记录五、echarts图表集-调试六、欢迎交流指正，关注我，一起学习 参考链接：vue项目报错：_nuxt echarts

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

2024-02-15nuxt3框架全局引用外部JS/CSS文件的相关配置方法_nuxt3 配置引入js

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

2024-02-12在2024年的今天，相信前端早已不局限于对着组件库撸后台curd，随着互联网行业的收紧，各大公司对前端的要求也越来越高，请热爱前端行业的朋友不要气馁，前端还可以做很多事。曾经业界还对typescript抱有观望态度，而现在几乎已经成为了前端基石。在2024年之后，个人认为服务端渲染框架将成为必备技能，本篇文章并不谈太多技术，就发展方向表达个人观点。前端仍然有很多可以深挖的细分领域，比如webglFlutterRust等，但是这些领域较窄，能提供的岗位有限，需要认定之后去深入研究，比较吃长期积累。

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

2024-02-11在 Vue.js 单页面应用中，通过 Nginx 配置返回 404 状态码是具有挑战性的，因为 SPA 的路由主要在客户端处理，导致所有非静态文件请求都会重定向到 index.html，从而返回 200 状态码。要使 Nginx 返回 404 状态码，需要特殊配置来区分存在和不存在的路由，但即使如此，由于前端路由处理，浏览器可能仍收到 200 状态码。彻底解决可能需要结合服务器端渲染（如 nuxt.js）或服务端接口转发_前端404错误ui页面

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

2024-02-01nuxt.js是一个基于Vue.js的通用应用框架，它的目标是让Web开发变得更加简单、高效。nuxt.js提供了一套完整的前端开发解决方案，包括项目脚手架、路由管理、状态管理、服务器端渲染等功能。通过使用nuxt.js，开发者可以快速地构建出高性能、可扩展的Web应用。_nuxtjs

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

2024-01-311.nuxt.js 服务器端的完整渲染（SSR）流程2.在 nuxt.js 中使用 `asyncData` 和 `fetch` 方法进行数据获取与在普通 Vue 应用中直接使用 Axios 进行数据请求的区别3.如果我不使用asyncData发起请求，而是使用正常的axios发请求就没有服务端的渲染效果了，也就和普通的vue项目一样了4.示例：使用 `asyncData` 方法，将涉及从前端发起请求到服务器端获取数据，最后在页面上渲染数据的完整步骤…

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

2024-01-30比如我的关注页面，在其他页面点了关注，每次进这个页面或者刷新都需要去后台重新获取数据，所以我给入参加了一个以时间戳为值的参数key，但是这样导致每次F5刷新页面的时候，都拿不到数据，导致页面没有显示。Suspense不起作用。浏览器刷新的时候页面没有显示数据，接口data无返回。本身nuxt的useFetch在参数不变的情况下，数据是不会重新从后台接口去请求数据的，会直接拿上一次的结果。但是有实时去后台获取数据这样的需求，项目中封装接口请求，并且解决刷新页面useFetch无返回数据问题。_usefetch

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