阿里云服务器购买以及配置：# 购买阿里云服务器流程：
# 1.控制台-->云服务器ECS-->创建我的ESC-->基础配置：选择CentOS7.x 64位其他根据需求选择-->网络安全与安全组配置根据需求添加安全组（端口号）
# 短期或是测试使用，创建 按量收费 服务器，可以随时删除，删除后不再计费，但要保证账户余额100元以上连接服务器:1）账号
>: ssh ro
转载
2024-10-21 16:33:26
150阅读
Vue.js 是一款用于构建 Web 界面的渐进式框架，由于其高效、灵活、易用等优点，已经成为前端开发的热门选择之一。在开发 Vue 项目后，通常需要将其部署到服务器上进行线上访问，而 Nginx 作为一个高性能的 Web 服务器，也是常用的部署工具之一。下面就是 Vue 项目在 Nginx 服务器上部署的详细教程。前提条件在进行部署之前，需要确保满足以下条件：已经开启服务器的 Nginx 服务。
转载
2024-03-04 15:15:45
102阅读
引言：Vue.js 是一种流行的前端框架，而 Nginx 是一款高性能的 Web 服务器。将 Vue 前端项目成功部署到 Nginx 服务器上，可以为用户提供快速可靠的访问体验。本文将介绍如何在 Linux 环境下实践将 Vue 前端项目部署到 Nginx 服务器的步骤。前提条件在开始之前，确保你已经满足以下前提条件：你已经在本地开发环境中创建和测试了 Vue 前端项目。你已经在 Linux 服务
转载
2024-07-04 06:26:49
817阅读
首先如果没有进行 vue-cli3.0 脚手架的安装，就要先进行安装，一下是全局的一个安装命令 npm install -g @vue/cli 安装了 vue-cli3.0 之后就可以进行项目的构建了，创建项目的命令是： vue create my_pro 然后还会展示 可以模板的选择，可以通过“上”“下”按键进行切换，然后按 “enter” 进行下一步；其中，第
转载
2023-11-29 14:14:19
238阅读
项目搭建规范 一. 代码规范 1.1. 集成editorconfig配置 EditorConfig 有助于为不同 IDE 编辑器上处理同一项目的多个开发人员维护一致的编码风格。 即配置了这个文件后，不管你用的啥编译器啥操作系统，编译器都会自动读取这个文件，并按照这个文件的配置来给你配置。所以，所有人 ...
转载
2021-09-30 22:35:00
1306阅读
2评论
Vue项目部署到Nginx
在现代的Web开发中，前端框架如Vue.js的应用已经成为主流。而为了让用户能够访问和使用这些应用，我们需要将这些前端应用部署到一个Web服务器上，比如Nginx。本文将向大家展示如何将一个Vue项目部署到Nginx服务器上。
整个部署过程可以分为以下几个步骤：
| 步骤 | 详细说明 |
| ---- | -----------
原创
2024-05-21 10:44:56
45阅读
一、引入URL的概念理解在WWW上，每一信息资源都有统一的且在网上唯一的地址，该地址就叫URL（Uniform Resource Locator,统一资源定位器），它是WWW的统一资源定位标志，就是指网络地址 URL由三部分组成：资源类型、存放资源的主机域名、资源文件名。 也可认为由4部分组成：协议、主机、端口、路径在此之前并没有去多留意端口号、主机这些含义，今天在进行部署时，才恍然大悟； 当在本
一.前提条件 1.本地已有一个Vue2/Vue3项目 腾讯云SCF本身支持使用模板创建(模板创建参考)一个Vue项目并部署，但本文主要讲解将本 地原有的Vue项目改造为支持Serverless SCF部署的方法，并且建议使用SCF部署简单的SPA应用。 2.环境配置
Vue项目部署问题及解决方案Vue-Router 有两种模式，默认是 hash 模式，另外一种是 history 模式。hash：也就是地址栏里的 # 符号。比如 http://www.example/#/hello，hash 的值为 #/hello。特点：hash 虽然出现 URL 中，但不会被包含在 HT
github和gitee都可以部署，各有优缺点。码云gitee是国内网站，打开网页的速度快，中文网站容易操作。但需要实名认证，实名认证需要身份证正反面以及手持身份证正反面照片。GitHub不是国内网站，比较难打开，甚至有时候可能需要才能打开，而且是英文网站。但GitHub无需实名认证，全程免费，没额外操作。步骤一、打包项目对vue项目进行打包：npm run build。 生成一个dist文件夹。
前期准备工作：1. 准备一台服务器；2. 根据服务器的系统环境安装配置Nginx;3. 了解Nginx的配置文件，了解常用的linux系统操作命令4. 进行Vue项目的打包部署 因为我只是单纯的想试下平时我们打包好的dist文件是怎样部署到服务器，并让它跑起来的，所以我就选择
转载
2024-03-08 23:57:13
153阅读
这是我写好的项目（后台管理：admin，前台展示：web，服务端：server）1. 生产环境编译1.修改axios的baseURLconst http = axios.create({
// baseURL: "http://localhost:3000/admin/api"
baseURL: process.env.VUE_APP_API_URL || '/admin/api'
一. vue前端项目打包 使用vscode开发项目 ，在src的同级目录下创建一个vue.config.js文件（已有的话则修改相应内容），向其中写入配置信息并保存：module.exports = {
publicPath: './',
outputDir: 'dist',
assetsDir: 'static'
}module.exports = {
// 基本路径 baseUR
转载
2024-04-15 13:36:02
1618阅读
在这篇文章中，我将向你介绍如何将Vue3应用部署到Nginx服务器上。首先，让我们看一下整个流程的步骤：
| 步骤 | 操作 |
| ----- | ----- |
| 1 | 构建Vue3应用 |
| 2 | 配置Nginx服务器 |
| 3 | 部署Vue应用到Nginx |
现在让我们逐步了解每个步骤应该如何操作。
### 步骤1：构建Vue3应用
首先，确保你已经在本地开发环境中编
原创
2024-05-06 10:35:00
518阅读
文章目录1.打包本地vue项目2.购买云服务器3.使用xshell4.在xshell里安装宝塔5.宝塔操作6.成功访问 关于前端部署研究了挺久的，一开始毫无头绪也走了很多弯路，看了许多视频和文档之后，才慢慢有了了解，成功访问之后特别开心，希望记录下来对可能遇到同样问题的各位有一丢丢小帮助哈~1.打包本地vue项目运行npm run build生成dist目录文件（之后就是将该文件放到云服务器上）
一般的企业都会采用前后端分离的方式来开发、部署项目，这样做的好处是更好的让前后台各司其职。另外也由于nginx是一个轻量级的静态资源服务器，其高并发也是其优点之一。这样可以减轻双方服务器的压力，同时又可以做到负载分担。那么接下来就简单介绍下如何通过nginx部署vue项目。一、vue项目打包：本人在vue 项目打包的时候遇到一些坑，也是慢慢摸索，才得以解决， 会报这个错，查阅了很多资料，找
转载
2024-05-24 21:15:10
157阅读
文章目录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项目
以下的安装过程，笔者在centos 6.4实际配置成功过，记录起来供大家参考，有问题可以联系我。1、安装nginx安装nginx之前先要安装gcc编译器和相关工具，使用yum安装，非常方便。$ sudo yum -y install gcc gcc-c++ make autoconf automakenginx的一些模块需要第三方库的支持，例如gzip需要zlib，rewrite模块需要pcre库
准备（1）首先是一个Vue项目。（2）其次准备好服务器（在这里我是用虚拟机VMware）。（3）准备好一个SpringBoot后端代码。（4）服务器上必须安装Nginx。1、前端代码注意事项：（1）在这里我是用vuecli3脚手架创建的vue项目的，所以项目创建完毕之后是没有vue.config.js的。 其实这个文件的创建是为了本地测试解决前后端跨域问题的，但是在打包项目的时候需要把这里关于跨域
转载
2024-03-02 09:46:25
417阅读
**如何将Vue项目部署到Tomcat**
作为一名经验丰富的开发者，下面我将教你如何将Vue项目部署到Tomcat服务器上。
### 步骤概览
下面是将Vue项目部署到Tomcat的步骤概览，我们将依次完成每一步骤以实现这一目标：
| 步骤 | 操作 |
| --- | --- |
| 1 | 构建Vue项目 |
| 2 | 将构建后的静态资源复制到Tomcat的webapps目录 |
原创
2024-05-22 10:06:20
264阅读
