Vue项目改造nuxt1.安装nuxt如果 vue-cli 没有安装, 需先通过 npm install -g vue-cli 来安装npm install --save nuxt2.在你想要的目录下创建nuxt项目npx create-nuxt-app <项目名>创建会有一些选择，可以根据自己项目需要进行选择，因为我的项目用到了elementUi,axios,eslint，所有选了
什么是服务端渲染前端渲染流程：前端请求服务器，把html文件以资源的形式返回前端，浏览器拿到html文件解析。 服务器渲染：返回html之前，会先将一些数据填充好到特定区域后再返回给前端，在SPA场景下，服务端渲染都是针对第一次get请求，它会完整的html给浏览器，浏览器直接渲染出首屏，用不着浏览器端多一个AJAX请求去获取数据再渲染。前端渲染流程：客户端第一次请求服务器，服务器返回一个空壳的h
vue项目处理seo问题目前主流的方案有两种 一： 预渲染 prerender-spa-plugin 相关链接附上、 本人也亲测过该种方案，确实能优化seo，能生成相应自己配置的静态文件。但是该方案不是seo问题的最优方案。推荐nuxt，利用ssr来处理seo问题。 二：nuxt.js 官网：https://www.nuxtjs.cn/guide 关于ssr不做过多介绍，自行百度。nuxt是一套基
转载
2024-05-28 21:22:50
209阅读
背景 新入职公司还处于交接中，最近一个海外的官网其他同事更新之后出现访问超时问题，部分超大的js下载不下来的问题，就尝试着想要优化一下。项目结构是 NUXT2.0+ Element UI，使用 NUXT的主要原因还是为了SEO优化，Vue在SEO上是弱项过程打算使用webpack打包 翻了翻NUXT的文档 发现这家伙其实还是基于Webpack打包的，于是乎就想和普通的VUE项目一般
转载
2024-09-25 12:20:30
45阅读
一、vue项目的创建1、首先第一肯定是要有Node.js及npm这个不多说了2、安装脚手架 此时可以直接浏览-但是现在肯定有很多小白想将他发布到gitHub上并可以浏览，使用vue全家桶制作自己的博客。现在就有我来说说如何讲vue项目发布到github上之前写过vue环境搭建 可以参考： vue环境搭建 二、vue项目的打包1、大家都知道使用npm run build
转载
2023-10-31 13:24:42
69阅读
前言： 因为nuxt项目是运行在于服务器端的项目，所以就必须启动对应的服务才能访问到网站，就类似与我们本地开发的时候使用终端命令行执行npm run dev一样，使用过npm run dev的童鞋都知道如果在运行中的时候讲命令行工具关闭或者结束进程，咱们的网站就访问不了了，同样在服务器端也存在这种问题，比如服务器进程中断了，都会导致网站无法访问，所以这个时候咱们就需要使用pm2来做一个进程守护，具
转载
2024-09-17 12:32:23
63阅读
一、vue项目的创建 1、首先第一肯定是要有Node.js及npm这个不多说了 2、安装脚手架 此时可以直接浏览-但是现在肯定有很多小白想将他发布到gitHub上并可以浏览，使用vue全家桶制作自己的博客。现在就有我来说说如何讲vue项目发布到github上之前写过vue环境搭建 可以参考： vue环境搭建 二、vue项目的打包 1、大家都知道使用npm ru
转载
2024-01-10 19:16:49
90阅读
前言使用 Electron 和 Inno Setup 将 vue项目打包为 exe 可安装程序1 )、Electron 下载安装方式官网地址git仓库下载地址git clone https://github.com/electron/electron-quick-start
cd electron-quick-start
npm install
npm start运行成功后界面2 ) 、 Inn
转载
2024-01-09 11:35:22
91阅读
因为公司项目要求, 原本的vue移动端项目, 现在要求能使用定位, 调用摄像头等功能, 并且开发成混合APP.一个小白的孤军奋战史, 记录一下, 以备后用....第一步: 安装cordova 在命令窗口执行: npm install -g cordova第二步: 新建一个cordova项目同样的在命令窗口执行命令: cordova create cordovaApp com.cordo
转载
2023-12-13 02:07:43
40阅读
Nuxt.js允许在运行Vue.js应用程序之前执行js插件，而nuxt.config.js文件中可以通过plugins属性来配置插件，并且将需要的插件可以放置在plugins目录下。 （1）客户端使用的插件 如果只想要插件在客户端使用的话，那么通过可通过nuxt.config.js文件的plugins属性的ssr选项来控制，即ssr:false，就表示插件只会在客户端使用，例如：modu
转载
2023-11-13 10:36:24
411阅读
说在前面的话vue.js开发的SPA是不利于seo的，搜索引擎对它支持的并不是太好，百度根本就不可以在SPA应用的页面抓取数据，这对很看重seo优化的网站来说肯定是不能容忍的。而使用nuxt开发的网站就可以让爬虫爬取，而且它是基于vue.js开发的服务端渲染应用框架，上手极快，大大的简化了SSR的开发难度。本机环境和部署环境操作系统：Windows10、centos7nodejs：v13.0.1n
转载
2024-08-15 11:21:18
595阅读
目录一，在NuGet上创建并获取API Keys1.首先需用登录，直接用微软账户登录即可2.点击右上角菜单API Keys，创建Key3.填写信息4.获取Key二，创建项目1.创建项目2.生成dll3.建立发布文件夹三，上传NuGet1.使用命令行上传2.使用NuGet Package Explorer发布四，NuGet包的管理1.管理包2.删除一，在NuGet上创建并获取API Keys1.首先
目录1webpack基本概念2webpack使用步骤3webpack的配置4webpack开发服务器1webpack基本概念下面给出了webpack的官方网站概念 | webpack 中文文档 (docschina.org)以前写完的网站，文件很多并且体积很大，因此我们可以用它来简化自己的代码。它的本质是一个第三方模块包，用于分析，并且打包代码。2webpack使用步骤在我们使用webpack前，
转载
2024-10-13 22:50:17
57阅读
目录一、概述二、vue推荐开发环境三、node介绍及安装1、npm是什么：2、node是什么3、npm和Node.js的发展4、node安装5、安装vue-cli四、新建vue项目五、打包运行一、概述我们使用Vue.js一定要安装node.js吗？准确的说是使用vue-cli 搭建项目的时候需要nodejs。你也可以创建一个 .html 文件，然后通过如下方式引入 Vue，一样
转载
2024-01-14 20:33:56
64阅读
Because Nuxt renders pages on the server, you should use the nuxt-link components to navigate between pages. Each time a page loads, you can check if
转载
2017-07-24 20:12:00
174阅读
2评论
nuxt.js是基于 Vue.js 创建的服务端渲染（ssr）应用框架。一般使用nuxt.js多是用来解决seo的问题。nuxt.js与vue.js的区别有： 路由： nuxt.js是按照pages文件夹的目录结构来自动生成路由。 vue.js则是需要在router/index.js中手动配置路由。 入口页面： nuxt.js的入口页面是layout
转载
2024-05-09 20:57:21
133阅读
# Vue应用打包与Docker部署详解
在现代Web开发中，使用Vue.js构建前端应用已经成为一种流行的选择。随着项目的日益复杂，将Vue应用打包并容器化已成为一种常见需求。本文将详细介绍如何将Vue应用打包，并使用Docker进行部署，同时通过示例来帮助大家更好地理解。
## 一、环境准备
在开始之前，请确保你的开发环境中安装了以下工具：
1. **Node.js**：运行Vue应用
1 进入插件管理在chrome浏览器地址栏输入：chrome://extensions/然后回车，即可进入插件管理。也可通过如下方式进入。 点击chrome浏览器右上角的“”，列表中选择“更多工具”，然后选择 “开发者工具”，进入插件管理。 打开开发者模式。2 打包插件2.1 查看插件ID2.2 查找扩展程序路径推荐使用Everything搜索工具，搜索插件ID，找到插件的位置
转载
2024-04-26 11:05:24
48阅读
nuxt打包等注意事项
转载
2021-07-23 14:54:00
951阅读
2评论
1. Nuxt.js 概述
1.1 我们一起做过的SPA SPA（single page web application）单页 Web 应用，Web 不再是一张张页面，而是一个整体的应用，一个由路由系统、数据系统、页面（组件）系统等等，组成的应用程序。 我们之前学习的Vue就是SPA中的佼佼者。 SPA 应用广泛用于对SEO要求不高的场景中
1.2 什么是SEO SEO：搜索引擎优化（Searc
原创
2021-12-22 18:02:18
643阅读
