前言因为公司开始了一个新的项目，而前一阵又简单的学习了一下nuxt的使用，刚好运用到项目中加以实践，记录一下使用中遇到的问题。安装说明首先要确保自己安装了npx（npx在NPM版本5.2.0默认安装了），就可以执行命令npx create-nuxt-app <项目名称> 创建之后会出现下图的一系列选项 1.项目名称 2.对项目的一个表述信息 3.作者的名称 4.选择使用的语言：目前我用
转载
2024-04-25 14:07:28
201阅读
NUXT见解Nuxt.js配置什么是Nuxt.jsnuxt.config.jslayoutsasyncData 方法watchQuery 属性预处理器 Nuxt.js配置什么是Nuxt.jsNuxt.js 是一个基于 Vue.js 的通用应用框架。 Nuxt.js 预设了利用 Vue.js 开发服务端渲染的应用所需要的各种配置。 Vue是开发SPA(单页应用)的，但SPA的HTML只有一个无实际
转载
2024-04-04 12:41:08
136阅读
点赞
什么是 ZEITZEIT 是免费的云平台，支持部署静态网站以及 Serverless 函数。Serverless 是近几年比较火的概念，简单去理解就是你只需要去实现具体的业务逻辑，而与最终服务相关的服务器、HTTP 服务等则由第三方管理。Serverless 又被称为 FaaS（函数即服务），由于业务粒度非常细，所以非常方便做动态扩容等自动化运维任务。 //一个最简单的基于 Nod
转载
2024-07-29 21:40:59
83阅读
Nuxt.js快速上手Nuxt.js快速上手1、为什么用nuxtvue-cli本身问题预渲染服务端渲染(通过SSR)项目解决seo的方案选择2、Nuxt安装和使用Nuxt安装和使用nuxt安装和目录结构nuxt生命周期nuxt路由nuxt导航守卫nuxt Vuex状态树3、Nuxt配置项nuxt配置之headnuxt配置之cssnuxt配置之pluginsnuxt配置之modules和数据交互n
在进行Nuxt部署到Nginx之前，我们首先需要了解一下Nuxt是什么以及Nginx是什么。Nuxt是一个基于Vue.js的通用应用程序框架，可以用来快速构建Web应用程序。而Nginx是一个高性能的HTTP和反向代理服务器，也可以用来部署前端应用程序。
接下来，我们将详细介绍如何将Nuxt应用程序部署到Nginx中。
如何将Nuxt部署到Nginx
步骤 | 操作
---|---
1 | 在
原创
2024-05-22 10:17:31
740阅读
最近公司有一个官网项目需要增加多语言，项目使用的是vue + nuxt + iview 框架。安装依赖 npm install --save vue-i18n根据nuxt官网的国际化demo，完成项目的国际化部署。官网Demo : https://zh.nuxtjs.org/examples/i18n其中要注意的几点1、nuxt.config.js 中plugins:
运行图安装npx create-nuxt-app project配置koa + axiostypescript-vuex githubui框架element-ui目录结构assets —资源目录 layouts —布局目录 middleware —中间件目录 plugins —插件目录 static —静态(后台)在您的 vue 模板中, 如果你需要引入 assets 或者 static 目录,
Nuxt是一个框架，给开发者提供强大的体系结构。它可逐步采用，可用于创建从静态登录页面到复杂的企业就绪Web应用程序。本质上通用，它支持不同的目标（服务器，无服务器或静态），并且服务器端呈现是可切换的。它可以通过强大的模块生态系统进行扩展，可以轻松连接REST或GraphQL端点，收藏夹CMS，CSS框架等。PWA和AMP支持只是Nuxt项目的一个模块。NuxtJS是您的Vue.js项目的基础，它
服务器：Nginx 面板：宝塔面板 项目打包第一步肯定是打包咯，前提是项目已开发好了以及没有啥Bug了哈npm run build打包好后，你会在项目根目录下发现多了个 .output 文件夹打开这个文件夹，将里面的所有文件压缩成压缩包压缩包格式推荐 .rar ，其它格式尤其是.zip格式可能会造成有中文名的文件的名称乱码，从而会导致项目无法正常访问上传服务器前提是你要有个云服务器，推荐安装宝塔面
转载
2024-05-07 08:27:09
1212阅读
一、项目目录结构：方式1、直接利用官方提供好的脚手架工具进行搭建：npx create-nuxt-app <项目名>目录会是这样(具体目录都放些什么，请看官方文档，详细)： 二、为项目添加sass样式表：步骤1：命令：npm install --save-dev node-sass sass-loader步骤2：在根目录的配置文件nuxt.config.js中进行
转载
2024-05-26 14:39:49
2027阅读
1. 准备工作首先更新软件sudo apt-get upgrade安装虚拟环境sudo apt-get install python-virtualenv安装nginxsudo apt-get install nginx安装uwsgi1.先导步骤：
sudo apt-get install python-dev
sudo apt-get install python3.5-dev
2.安装
su
网站部署（Linux）部署Apache操作系统：CentOS 7.21.首先连接云服务器，清楚系统垃圾。 $ yum clean allLoaded plugins: fastestmirrorCleaning repos: base epel extras updatesCleaning up everythingCleaning up list of fastest mirrors 2.执
Nuxt.js是什么Nuxt.js是一个基于Vue.js生态的第三方开源服务端渲染应用框架，用于构建同构应用。为什么要使用Nuxt.js传统的服务端渲染在用户访问网页地址时，服务端读取模板和数据，并将模板和数据组合成最终的渲染结果发送给客户端，所有操作都在服务端进行，服务端的压力较大，前后端耦合度高，不利于开发和维护，开发成本也较高。每次获取新的页面内容都要刷新页面，用户体验也不好。 而客户端渲染
nuxt版本：0.10.6技术栈：nuxt.js, express, pm2部署环境：windows server之前用nuxt.js 的express的模板项目在windows下用nginx进行代理访问，其实有点多余，直接用host文件就可以达到相同的效果，仅供娱乐吧，熟悉一下nginx的基本配置也是好的，其实这段时间研究nuxt.js比较多，主要还是想提高客户端访问首页更快一点。之
今天新买了阿里云，想把网站跑起来，于是记录跑起来的过程1.购买域名 2.购买解析 3.购买ecs主机 4.ssh登录主机 5.安装vsftpd 6.配置ftp用户、文件夹、权限 7.安装nginx/nodejs 8.安装7z 9.上传源码 10.起飞1.备案阿里云备案系统，备案多久，就送多久，一般是备案2周到3周，如何备案，首先先买了域名，之后买服务器，然后再在控制面板中进入域名备案中心，自己按照
转载
2024-09-02 11:52:56
113阅读
昨晚部署一个nuxt项目的官网花了三个小时，实在是汗颜，赶紧写个博客记录一下，以免再犯我的部署流程运行环境：linux服务器，pm2进程守护，nginx反向代理0.服务器安装nginx和pm2安装nginx已有众多大神写过相当详细的教程安装pm2 确保服务器上装有node环境npm i pm2 -g1.项目根目录新建process.json文件// process.json 简单版本
{
"a
转载
2024-06-28 19:52:12
799阅读
前言作为小作坊,之前前后端的服务全部一股脑的在一个服务器,随着业务多了些,前端这块终于扔出来了(独立)...虽然只有双核2M带宽;需要部署的有这么几个,包括测试线及正式线(如下):PC官网(Angular6)/管理后台(umi+react)/移动端分享(Nuxt)/APP内嵌页(Nuxt)随手记,有兴趣的看看,也许可以帮你省点时间..你能收获什么?杂七杂八的知识点,linux的一些东东shell
转载
2024-06-06 10:20:57
177阅读
关于如何配置本人只能给出一点点启发，具体的配置需要根据个人需求去配置nuxt.config.ts配置、跨域处理import { prismjsPlugin } from "vite-plugin-prismjs";
export default defineNuxtConfig({
//浏览器适配（随着浏览器变化而变化）
// postcss: {
// plugins: {
1.node安装yum install wgethttp://nodejs.org/dist/latest-v10.x/node-v10.24.1-linux-x64.tar.gzvi /etc/profile加入如下配置export NODE_HOME=/root/node-v10.24.1-linux-x64
export PATH=$PATH:$NODE_HOME/binsource /e
转载
2024-05-30 07:51:05
57阅读
配置Nuxt.js 默认的配置涵盖了大部分使用情形，可通过 nuxt.config.js 来覆盖默认的配置。buildNuxt.js 允许你在自动生成的 vendor.bundle.js 文件中添加一些模块，以减少应用 bundle 的体积。如果你的应用依赖第三方模块，这个配置项是十分实用的。关于 build 配置项的详细文档css该配置项用于定义应用的全局（所有页面均需引用的
转载
2024-08-15 07:50:39
160阅读
