一. 安装nodejs 创建文件目录mkdir -p /usr/local/software进入文件目录cd /usr/local/software下载nodeJSwget https://nodejs.org/dist/v8.9.1/node-v8.9.1-linux-x64.tar.gz注意： 想要合适的版本node到 https:
转载
2024-07-16 20:39:39
134阅读
node.js 封装一个简易的express前言正文搭建基本结构app.listen()构建app.method()方法解析Request获取path/method/query调用app.method()方法app.send()app.use() 前言此篇内容记录本人编程过程中所遇到的一些问题和解决的办法。仅供参考，有些内容引用别处。[非商用，如侵删]正文搭建基本结构先来看看基本的express
转载
2024-06-28 12:56:54
80阅读
作者 | 孔令涛Nuxt.js 是一个基于 Vue.js 的通用应用框架，一个用于Vue.js 开发SSR应用的一站式解决方案。它的优点是将原来几个配置文件要完成的内容，都整合在了一个nuxt.config.js，封装与扩展性完美的契合。简单说nuxtjs项目，它其实就是一个vue的项目融合一个node.js server项目，这里node服务有两个作用，第一点是代替浏览器的工作,笼统理解就是在c
# Nuxt.js Axios封装
## 什么是Nuxt.js?
Nuxt.js是一个基于Vue.js的通用应用框架，简化了Vue应用的开发过程，提供了服务器端渲染(SSR)和静态站点生成(SSG)等功能，使得开发者可以更轻松地构建高性能的应用程序。
## 为什么要封装Axios?
在Nuxt.js项目中，我们通常会使用Axios来发送HTTP请求。为了更好地组织代码和统一处理请求和响应，
原创
2024-06-28 06:50:16
57阅读
npm install axios -s在plugins新建axios文件配置公共请求…vue页面导入 import axiosApi from "../plugins/axios";在asyncData进行请求渲染
原创
2022-07-06 16:40:22
191阅读
1、初识Nuxt.js官网：Nuxt.js官方文档Nuxt.js是一个基于Vue.js的通用应用框架。主要关注的是应用的UI渲染。Nuxt.js预设了利用Vue.js开发服务端渲染的应用所需要的各种配置。我们都知道Vue.js原来是开发SPA(单页应用)的，现在很多人想用Vue开发多页应用，并想要在服务端完成渲染。Nuxt.js应运而生，它简化了SSR的开发难度，而且还可以直接用命令把我们制作的v
服务端预渲染之Nuxt - 使用现在大多数开发都是基于Vue或者React开发的，能够达到快速开发的效果，也有一些不足的地方,Nuxt能够在服务端做出渲染，然后让搜索引擎在爬取数据的时候能够读到当前页面。首先要说明一点，我们可以认为我们所编写的Vue项目是一个服务端的项目，虽然编写的还是Vue项目，但是Nuxt是基于服务器环境的。就简单的说一下Nuxt使用。基础只是还是以官方文档为主，如果博客中哪
转载
2024-10-28 06:51:56
58阅读
日结博客 04.19.18 HZ对于每次都要从页面导入axios和配置路径的行为简直没完没了地厌恶，每次后台修改api地址都得从一大堆页面里寻找到那小小的一个axios.get，简直深恶痛绝请封装吧，万物皆能封装，封装治好了你多年的眼疾封装更合理的Axios操作类 1.导入axios至你的项目npm install --save axios2.在根路径创建http.js首先导入axios
转载
2024-06-28 08:52:40
240阅读
不重要的前言入前端很多年了，第一次记录，习惯把工作中遇到的问题、值得学习的技术及方法记录在QQ日志里。（hahaha~，我猜很多人会说，啥年代了，居然还有这么low的人。） 因为从第一家公司开始用QQ交流比较多，工作中遇到的问题，如何解决的；或者看到好的技术，顺手记录在QQ日志很方便，也就渐渐习惯了。 我会慢慢将之前记录一些好的内容分享给大家，一起共勉。~一、简述通常在做项目的时候，我们会对某些模
有的时候我们采用的是二级路由，动态变动某个区域，一级菜单控制页面切换，而二级路由决定了页面内容的变化。原先我想着通过layout来做，那样太傻了，因为每个动态区域的页面你得复制多分，类似router-view,nuxt也有他自己的处理方式。学习自然是先模仿后超越，光看官方文档还是理解不够透彻，实际运行就明白是怎么回事了。 直接上我实际的工程,先看效果 工程目录如下,nywx.vue为主文件, 下面
NUXT踩坑开发总结nuxt介绍nuxt生命周期登录状态的处理及通用方案项目打包优化 通过一个多月的时间我将公司的一个项目用nuxt改造，在这当中踩过一些坑，我也在这进行一下总结，帮助大家快速认识一下nuxtnuxt介绍nuxt简单来说就是基于vue的服务器渲染框架，它相比较于单页面应用,它做SEO更加好的，项目需要考虑SEO我更建议它。之前的项目是采用打包多页面形式来处理SEO,但这种形式体验
转载
2023-12-19 23:29:05
64阅读
nuxtjs快速上手(nuxt2) 提示：本篇文章是博主观看b站up主前端aka老师视频学习整理的文章 视频指路：《CMS全栈项目》系列九：Nuxt+ElementUI nuxtjs官网(nuxt2)：NuxtJS 文章目录nuxtjs快速上手(nuxt2)前言一、快速生成nuxt项目二、nuxtjs配置IP与端口三、在nuxt中使用less四、nuxtjs中项目清除默认样式五、nuxtjs中使用
项目介绍项目中整合 vue + nuxt + axios + vuex + vue-router (nuxt 自带 vuex 和 vue-router)，一个基于 Nuxt 的服务器端渲染 DemoPC端GitHub地址移动端GitHub地址一、PC端项目部署关于项目部署折腾了我好多时间，网上许多百度来的文档不适合我的项目，所以自己摸索着终于部署起来了，开心O(∩_∩)O~~1、项目打包详情请看
转载
2024-01-15 19:33:04
350阅读
一、Struts2拦截器定义1. Struts2拦截器是在访问某个Action或Action的某个方法，字段之前或之后实施拦截，并且Struts2拦截器是可插拔的，拦截器是ＡＯＰ的一种实现．2. 拦截器栈（Interceptor Stack）。Struts2拦截器栈就是将拦截器按一定的顺序联结成一条链。在访问被拦截的方法或字段时，Struts2拦截器链中的拦截器就会按其之前定义的顺序被
转载
2024-09-11 21:27:34
56阅读
在上一节基础上，接下来我们来引入我们开发所需要的UI组件elementplus,实现顶部和底部整体布局以及配置黑暗模式 。最终效果如下：基础模式 黑暗模式一、引入组件//安装elementplus
1、npm install element-plus --save
//安装 @element-plus/icons 图标库
2、npm install @element-plus/ico
import axios from "axios";
import qs from "qs";
import { Message } from "element-ui";
import router from "../router";
const Axios = axios.create({
baseURL: "/", // 因为我本地做了反向代理
timeout: 10000,
r
转载
2023-08-24 09:42:59
81阅读
# Vue 3 中 Axios 封装与数据获取组件方案
在现代前端开发中，数据请求是几乎所有应用的核心部分。Vue 3 提供了一种简洁而强大的方式来与服务器进行交互，而通过 Axios 进行封装既能提高代码的复用性，又能使数据请求更加规范化。本文将探讨如何在 Vue 3 中对 Axios 进行封装，并在组件中获取数据的一个示例。
## 1. Axios 的安装
首先，确保你在项目中安装了 A
在vue项目中，一般和后台数据交互获取，使用的是axios库，它是基于promise的http库，可运行到浏览器和node.js中。axios的特性：拦截请求和响应；取消请求；转换JSON客户端防御XSRF等安装：npm install axios; //安装axios引入：【可以在项目的src中，新建一个request文件夹，然后里面新建两个文件，http.js和api.js。ht
转载
2024-10-17 18:25:11
94阅读
# 如何封装axios解决前端请求接口的问题
在前端开发中，经常需要与后端进行数据交互，最常见的方式就是通过发送网络请求来获取或提交数据。而axios是一个常用的前端HTTP库，用于发送网络请求，并且支持Promise API，可以在浏览器和Node.js中使用。本文将介绍如何封装axios，以解决前端请求接口的问题。
## 1. 安装axios
首先需要安装axios，可以通过npm或者y
原创
2024-06-05 04:30:04
33阅读
三种思路封装dialog组件封装dialog组件需要知识有 1.插槽【匿名插槽，具名插槽】 2.transition动画,以及CSS3的动画【因为用到了CSS3所以会有兼容性的问题】如果考虑兼容就需要另想动画效果的方案。 3.props传参 4.style标签当中的scope的用法以及详细解释【深度选择器方面的知识】 .5方案的三种写法其实就是子组件控制父组件的三种方案【后来又多想到了一个方案就是
转载
2024-09-25 12:46:17
68阅读
