本内容为系列内容，全部内容请看我的vue教程分类什么是Axios是一个基于promise（承诺）的HTTP网络请求库可以用于浏览器和node.js项目vue官方推荐的请求库，从以前的vue-resource到axios通俗点说就是对JavaScript的http请求的二次封装，就类似jQuery的ajax中文文档立即查看原则上学习这一节需要mock数据相关的知识，但是鉴于大家都是初学者，所以不使用
转载
2023-09-15 21:35:53
228阅读
作为一名前端工程师，最近公司的一次项目上线任务让我印象深刻。那是一个周五的下午，大家都在为周末的到来做着最后的楚。
原创
2024-09-24 15:56:02
77阅读
文章目录1.打包本地vue项目2.购买云服务器3.使用xshell4.在xshell里安装宝塔5.宝塔操作6.成功访问 关于前端部署研究了挺久的，一开始毫无头绪也走了很多弯路，看了许多视频和文档之后，才慢慢有了了解，成功访问之后特别开心，希望记录下来对可能遇到同样问题的各位有一丢丢小帮助哈~1.打包本地vue项目运行npm run build生成dist目录文件（之后就是将该文件放到云服务器上）
一、如何部署前后端分离开发模式下，前后端是独立布署的，前端只需要将最后的构建物上传至目标服务器的web容器指定的静态目录下即可，我们知道vue项目在构建后，是生成一系列的静态文件常规布署我们只需要将这个目录上传至目标服务器即可// scp 上传 user为主机登录用户，host为主机外网ip, xx为web容器静态资源路径
scp dist.zip user@host:/xx/xx/xx让web容
转载
2024-05-29 21:47:03
112阅读
关于使用 Nginx 开启静态网站 Gzip 压缩的教程已经有很多了，但是好像没几个讲怎么在对象存储的静态网站中开启 Gzip 压缩。其实也不复杂，我们一起来看下~
原创
精选
2022-12-01 15:59:16
777阅读
点赞
前言： VUE 是一个javascript的前端框架，注定了它是运行在浏览器里的，对服务器本地没有任何要求，只要一个静态文件服务器能通过http访问到其资源文件就足矣！无论你是用apache ,ngnix 就算你要用node 自己实现一个静态文件服务器，也用不了多少行代码。 npm run dev
转载
2018-04-08 17:26:00
287阅读
2评论
一。将vue项目打包同步文件到远程服务器 1、 打包 默认情况下，使用vue-cli创建的项目，package.json里的script应该已经配置了build指令，直接执行yarn build 或者 npm run build即可。 2、 同步到远程服务器 我们使用nginx部署Vue项目，实质上
原创
2022-05-31 09:38:23
462阅读
在进行Vue前端项目部署之前，首先需要了解整个部署流程。下面将通过表格展示具体的步骤，然后逐步介绍每一步需要执行的操作以及相应的代码示例。
| 步骤 | 操作 |
|-------------------|--------------------------------------|
| 步骤一
原创
2024-04-23 19:03:10
65阅读
# Java Vue 项目部署指南
## 一、流程
```mermaid
flowchart TD
A(准备工作)
B(安装依赖)
C(打包项目)
D(部署到服务器)
E(启动项目)
A --> B
B --> C
C --> D
D --> E
```
## 二、步骤
### 1. 准备工作
在部署项目之前
原创
2024-06-26 04:32:33
57阅读
Vue 项目使用 webpack 来构建。首先确保本地已经安装了 NodeJS，然后在 CMD 中执行如下命令，可以创建并启动一个名为 vuehr 的前端项目：npm install -g vue-clivue init webpack vuehrcd vuehrnpm run dev 在执行“vue init webpack vuehr“命令时，会要求依次输入项目的基本信息，如图所示...
原创
2022-01-13 17:22:24
484阅读
Vue入门1.Vue.js定义：Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用（即：可以在原项目基础上逐渐累加功能，需要什么功能便添加什么功能）。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。且不仅能够构建较大项目，也能够为较小的网页提供驱动。2.安装2.1直接用<script>引入（适用于单页面开发
转载
2023-08-08 15:50:04
122阅读
文章目录（补充） 前后端的身份认证第一章 webpack+vue基础Vue前置知识1-1 ES6模块化1. 回顾：node.js 中如何实现模块化2. 前端模块化规范的分类3. 什么是 ES6 模块化规范4. 在 node.js 中体验 ES6 模块化5. ES6 模块化的基本语法1-2 Promise1. 回调地狱2. 基于回调函数按顺序读取文件内容3. 基于 then-fs 读取文件内容4.
转载
2023-09-18 22:17:17
7阅读
一、Vue.js是什么 Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。二、如
**实现vue+django项目部署**
作为一名经验丰富的开发者，我将带领你一步步实现vue+django项目部署。首先，我们需要明确整个部署流程。下面是一个表格展示了项目部署的步骤。
| 步骤 | 操作 |
| --- | --- |
| 1 | 准备vue前端项目 |
| 2 | 准备django后端项目 |
| 3 | 使用webpack构建vue项目 |
| 4 | 将构建后的vu
原创
2024-05-21 10:44:26
172阅读
**如何将Vue项目部署到Tomcat**
作为一名经验丰富的开发者，下面我将教你如何将Vue项目部署到Tomcat服务器上。
### 步骤概览
下面是将Vue项目部署到Tomcat的步骤概览，我们将依次完成每一步骤以实现这一目标：
| 步骤 | 操作 |
| --- | --- |
| 1 | 构建Vue项目 |
| 2 | 将构建后的静态资源复制到Tomcat的webapps目录 |
原创
2024-05-22 10:06:20
264阅读
文章目录5. 前端工程化5.1 vue-cli5.2 项目的打包与发布5.2.1 使用静态服务器工具包发布打包5.2.2 使用动态web服务器(Tomcat)发布打包5.3 Vue-devtools5.3.1 Vue-devtools安装5.3.2 Vue-devtools的使用 参考5. 前端工程化5.1 vue-clivue create demo1 //使用vue-cli创建一个vue项目
# Docker前端Vue项目部署
在前端开发中，我们通常会使用Vue.js构建Web应用程序。而随着应用程序的发展，我们需要将Vue项目部署到服务器上，以供用户访问。而Docker作为一种容器化技术，可以帮助我们实现应用程序的快速部署和扩展。本文将介绍如何使用Docker部署Vue项目，并提供代码示例。
## Docker简介
Docker是一种容器化技术，它允许开发人员打包应用程序及其所
原创
2024-03-23 08:31:46
48阅读
前端之VUEv-model双向数据绑定模板语法文本显示v-html:把内容理解成标签v-bind:数据强制绑定为链接v-on:click绑定事件监听（@click）methods中实现事件<div id="app">
<h2>1. 双大括号表达式</h2>
<p>{{content}}</p>
<p>{{conte
Vue项目部署到Nginx
在现代的Web开发中，前端框架如Vue.js的应用已经成为主流。而为了让用户能够访问和使用这些应用，我们需要将这些前端应用部署到一个Web服务器上，比如Nginx。本文将向大家展示如何将一个Vue项目部署到Nginx服务器上。
整个部署过程可以分为以下几个步骤：
| 步骤 | 详细说明 |
| ---- | -----------
原创
2024-05-21 10:44:56
45阅读
以下的安装过程，笔者在centos 6.4实际配置成功过，记录起来供大家参考，有问题可以联系我。1、安装nginx安装nginx之前先要安装gcc编译器和相关工具，使用yum安装，非常方便。$ sudo yum -y install gcc gcc-c++ make autoconf automakenginx的一些模块需要第三方库的支持，例如gzip需要zlib，rewrite模块需要pcre库
