New: nuxtAll contenthive-129948hive-196917krsteemhive-183959hive-180932zzanphotographyhive-166405hive-185836uncommonlabhive-188619bitcoinhive-150122hive-183397hive-144064hive-124908krsuccesshive-101145hive-145157hive-139150hive-109690hive-150943hive-181136hive-193637TrendingNewHotLikerslemooljiang (73)in hive-180932 • 3 days agoCoinGecko API查询币价 / nuxt#13最近要在前端中集成$AIJoe的充值功能，少不了得实时查询价格。这里要用到两个价格：AIJoe/ETH和 ETH/USD的价格。AIJoe/ETH可以从合约中查到，ETH/USD就要借助工具了，这里选了CoinGecko API。 CoinGecko API 提供免费和付费两种计划。所有 CoinGecko 用户均可免费使用演示版 API 计划，通话费率限制为 30…lemooljiang (73)in hive-180932 • last year打包和布署 / nuxt#12当一切都开发好后，就是打包和布署啰，开发体验还是很好的：轮子都造好了，放在了顺手的位置。这大概也是不少Vue的开发者转向Nuxt的原因吧。 更改服务器端口 1. yarn build , 得到， .output/server/index.mjslemooljiang (73)in hive-180932 • last year推流、加密和验证 / nuxt#11推流 推流就是一边获取一边传输的能力，常见是视频播放。在AI生成中也会常用到，推流有助于提高用户体验。在前端测试中，只有浏览器端的原生就去 fetch 才有 streaming 的能力，其它方法不行！Nuxt的 useFetch, $fetch 都不行! const url = "lemooljiang (73)in hive-180932 • last year状态管理和cookie / nuxt#10状态管理 useState useState用于创建响应式的且服务端友好的跨组件状态，类似于Vue中的state的功能。 const counter = useState('counter', () => Math.round(Math.random() * 1000))lemooljiang (73)in hive-180932 • last year获取数据 / nuxt#9useFetch来获取数据 参考 useFetchlemooljiang (73)in hive-180932 • last year页面布局和路由 / nuxt#7layouts布局 layouts -> default.vue, 可以将其它页面插入lemooljiang (73)in hive-180932 • last yearNuxt中间件和插件 / nuxt#6中间件 middleware 目录，Nuxt提供了一个可定制的路由中间件框架，可以在整个应用程序中使用，非常适合在导航到特定路由之前提取想要运行的代码。 //middleware -> search.jslemooljiang (73)in hive-180932 • last yearNuxt的基础配置与自动导入函数 / nuxt#5全局变量defineAppConfig //app.config.tslemooljiang (73)in hive-180932 • last yearUnocss， css原子化引擎 / nuxt#4在CSS这块有时是按需手写的，效率不算高，毕竟需求低嘛。流行的LESS 、SASS 都没用过，真没太多时间花在这方面。这次，为了做AI应用，还是需要补一下这方面的技能。 在UI方面选了NaiveUI, CSS方面则有个挺时髦的解决方案：Tailwind CSS。它做了一件蛮有用的更新：就是将CSS语句原子化！ 我们听过数据库原子化，CSS语句原子化是个啥？…lemooljiang (73)in hive-180932 • last yearNaïve UI，上好的轮子 / nuxt#3在UI的使用上，我其实一直用的Bootstrap，用得也顺手。这次要不是更换设计栈，也没想着要改UI框架。 主要是Bootstrap在Nuxt上运行不了！ Bootstrap这种UI都是纯前端的，而Nuxt是服务端渲染，有时js调用 window document…lemooljiang (73)in hive-180932 • last yearNuxt、Naive UI、Unocss，前端开发三件套 / nuxt#2经过一段时间的开发测试，在框架上Nuxt比较适合，在UI上，NaiveUI不错，在CSS上，Unocss就可以。这三者结合起来，可以组成前端开发的三件套。Nuxt有一种模块的机制，可以很方便地拓展它的功能。在前端方面主要是UI 和 CSS，我也选了两个比较适合的。 Nuxt安装 "nuxt": "^3.4.3" nodejs: v18.16.0 1. npx nuxi…lemooljiang (73)in hive-180932 • last year从Vue 到Nuxt，服务端渲染优化 / nuxt#1有句话叫：一入前端深似海啊！这话是对前端极速衍变、个人难以跟上变化所做出的痛苦总结！我自己也是经历了这些痛苦的时期：一个还没学明白，新的东西就又来了。不过自从更新到Vue时，就选下它了，做过几个项目，也没变过。…lemooljiang (73)in hive-180932 • 2 years agoNuxt初体验趁着有空想把Vue从2.6升级到3，据称Vue3的速度能快上不少。虽然现阶段不太会去乱折腾，但也要做好技术储备，真有需要马上就切过去！…dirmich (25)in nuxt • 6 years agoNuxt.js Authenticate with JWT[Login] login process with passport --> req.user is generated automatically by passport create route for '/auth/token' for get jwt token with req.user create nuxtServerInit for…dirmich (25)in nuxt • 7 years agoNuxt.js 공짜로 도메인과 웹사이트 구축하기인터넷에는 수많은 공짜 리소스가 널려있다. 이들을 잘 활용하면 SSL이 적용된 웹사이트를 쉽게 만들수 있으며, Github와 연동하여 개발환경과 연동할 수 있다. 특별히 Nuxt/Vue.js에 국한된 사항은 아니라 Angular.js, React.js등 자신에게 맞는 환경을 써도 무방하다. 이 글에서는 이러한 방법을 알아보기로 한다. 공짜…
