Nuxt3服务端渲染(SSR)方式，请求需要放到server/api目录，整理两个请求简单封装。 Post请求 // server/api/all.post.ts import winston from 'wins...
Nuxt3服务端渲染SSR请求封装-方法一
发表评论
标签归档：JavaScript
Nuxt3如何根据路由、useHead title，制作一个面包屑导航？
在 Nuxt.js 中，您可以使用 Vue.js 组合 API 中的 useRoute 挂钩来访问当前路由，并使用 useHead 挂钩来访问和更新特定页面的头部元信息。通过组合这两个钩子，您可以创建一个动态面包屑导航，...
Nuxt3 PM2部署端口3000怎么修改
Nuxt3 PM2部署默认端口是3000，下面是官方的文档： To use pm2, use an ecosystem.config.js: module.exports = { apps: < { ...
AnyWebP 在线将 WebP 转档 JPG、PNG 支持批次转换
AnyWebP是一个免费将 WebP 转为 JPG / PNG / ICO 格式的在线工具，也能将图片格式转档 WebP，虽然是网页工具但可以离线使用，使用 VUE、JavaScript 技术直接在用户浏览器处理图片，无...
VS Code ESlint Vue Prettier Ctrl+S保存自动格式化
VS Code ESlint Vue Prettier Ctrl+S保存自动格式化功能将VS Code settings插入： { "workbench.colorTheme": "Visual Studio...
Vue+qiankun(乾坤)搭建微前端(主应用+子应用)
基于vue-cli + vue-router + qiandun(乾坤)搭建微前端(主应用与子应用)，下面是具体的搭建步骤，也可以下载我的demo：vue-qiankun来测试。 第一步：搭建应用 V...
Electron 11.2.3 发布，跨平台桌面应用开发工具
Electron 11.2.3 现已发布，主要更新内容如下： Fixes 反向移植了针对 https://crbug.com/952922 的修复程序。＃27584 修复了扩展加载失败时崩溃的问题。...
Error: You must set either “output.file” for a single-file build or “output.dir” when generating multiple chunks
rollup报错： Error: You must set either "output.file" for a single-file build or "output.dir" when generating mu...
rollup terser babel gulp打包js
gulpfile.babel.js加入： var gulp = require('gulp'); var rollup = require('rollup'); import resolve from '@ro...
esbuild 0.9.0 发布，比 Webpack 快 100 倍的打包和压缩工具
esbuild 0.9.0 已发布，此版本包含不向后兼容的变更。主要变化如下： 支持package.json文件中节点的 exports 字段 (#187) 删除esbuild.startService(...
Electron 10.4.1 发布，跨平台桌面应用开发工具
Electron Electron 10.4.1 现已发布，主要更新内容如下： Fixes 修复了顶层窗口上的 BrowserWindow.documentEdited 属性。＃28159 修复了重置...
[Vue warn]: Error in render: “TypeError: Cannot read property ‘match’ of undefined”
VuePress build报错： : Error in render: "TypeError: Cannot read property 'match' of undefined" tip Apply plug...
Error: Cannot find module ‘webpack-cli/bin/config-yargs’
Webpack打包用webpack-dev-server配置DevServer后打包报错： Error: Cannot find module 'webpack-cli/bin/config-yargs' 将的pac...
开源一个用于国内股权交易所的webpack配置
由于工作原因，公司很多客户的项目股权交易所，而大部分针对用户端的web都是基于webpack来构建的。 为什么要开源webpack配置，不担心版权问题吗？ 首先的说明，webpack本身即开源，而我公开的只是基于we...
webpack5 TerserWebpackPlugin
TerserWebpackPlugin在webpack5已经包含了terser-webpack-plugin，webpack4才需要单独安装。 webpack4需要执行： npm install terser...
Lodash遍历删除指定数组中的数据
Lodash遍历删除指定数组中的数据用到_.forEach或者_,map，要删除用到_.remove，下面删除原始数据中id等于3、4的数据。 // 原始数据 const data = // 需要删除的id数...