一、云服务器准备1.品牌:阿里云、百度云等2.服务器系统:CentOS7.0 以上 64位，拿到公网IP3.开通所需要的端口:比如80,8080等一、CentOS设置基本操作启动 Systemctl start firewalld.service
停止 Systemctl stop firewalld.service
重启 Systemctl restart firewalld.
转载
2024-10-15 15:56:30
75阅读
一.Vue3项目情况说明router文件夹下的index.jsimport { createRouter, createWebHashHistory } from "vue-router"
const routes = [
{
path:'/saoma',
name:'Saoma',
// redirect:'/saoma',
原创
2023-11-30 15:19:38
264阅读
linux 安装 nginx 以及部署 vue 到服务器Linux环境下Nginx服务器先查看Linux服务器下有没有安装：GCC、automake、pcre、zlib和openssl
如果安装后会显示各自的版本号//查看openssl
rpm -qa openssl
//查看zlib
rpm -qa zlib
//查看pcre
r
转载
2024-08-05 21:41:45
110阅读
这是我写好的项目（后台管理：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'
Nginx的安装与配置
Nginx官网下载所需版本安装 解压下载好的nginx修改nginx配置文件，配置文件为conf下的nginx.conf,修改nginx.conf中的server配置片段 里面的相关注释是在是太多了，那么我把所有的注释清除一下(这是方便看清nginx配置到底需要什么基础的配置)worker_processes 1; ##指明了nginx要开启的进程数
一般的企业都会采用前后端分离的方式来开发、部署项目，这样做的好处是更好的让前后台各司其职。另外也由于nginx是一个轻量级的静态资源服务器，其高并发也是其优点之一。这样可以减轻双方服务器的压力，同时又可以做到负载分担。那么接下来就简单介绍下如何通过nginx部署vue项目。一、vue项目打包：本人在vue 项目打包的时候遇到一些坑，也是慢慢摸索，才得以解决， 会报这个错，查阅了很多资料，找
转载
2024-05-24 21:15:10
157阅读
在这篇文章中，我将向你介绍如何将Vue3应用部署到Nginx服务器上。首先，让我们看一下整个流程的步骤：
| 步骤 | 操作 |
| ----- | ----- |
| 1 | 构建Vue3应用 |
| 2 | 配置Nginx服务器 |
| 3 | 部署Vue应用到Nginx |
现在让我们逐步了解每个步骤应该如何操作。
### 步骤1：构建Vue3应用
首先，确保你已经在本地开发环境中编
原创
2024-05-06 10:35:00
518阅读
本文主要是记录一下在apache二级目录上面部署react和vue项目。根目录下面部署很简单，但是在二级目录下就需要在webpack的配置或者vue-cli的配置文件以及路由组件做一些简单调整。由于mac系统自己带了apache，所以我们只需要开启就可以了。配置apache在终端中输入sudo apachectl start，然后在浏览器中输入"http://localhost"，如果出现"It
阿里云服务器购买以及配置：# 购买阿里云服务器流程：
# 1.控制台-->云服务器ECS-->创建我的ESC-->基础配置：选择CentOS7.x 64位其他根据需求选择-->网络安全与安全组配置根据需求添加安全组（端口号）
# 短期或是测试使用，创建 按量收费 服务器，可以随时删除，删除后不再计费，但要保证账户余额100元以上连接服务器:1）账号
>: ssh ro
转载
2024-10-21 16:33:26
150阅读
准备（1）首先是一个Vue项目。（2）其次准备好服务器（在这里我是用虚拟机VMware）。（3）准备好一个SpringBoot后端代码。（4）服务器上必须安装Nginx。1、前端代码注意事项：（1）在这里我是用vuecli3脚手架创建的vue项目的，所以项目创建完毕之后是没有vue.config.js的。 其实这个文件的创建是为了本地测试解决前后端跨域问题的，但是在打包项目的时候需要把这里关于跨域
转载
2024-03-02 09:46:25
417阅读
Vue.js 是一款用于构建 Web 界面的渐进式框架，由于其高效、灵活、易用等优点，已经成为前端开发的热门选择之一。在开发 Vue 项目后，通常需要将其部署到服务器上进行线上访问，而 Nginx 作为一个高性能的 Web 服务器，也是常用的部署工具之一。下面就是 Vue 项目在 Nginx 服务器上部署的详细教程。前提条件在进行部署之前，需要确保满足以下条件：已经开启服务器的 Nginx 服务。
转载
2024-03-04 15:15:45
102阅读
前端打包 http://doc.ruoyi.vip/ruoyi-vue/document/hjbs.html#%E5%90%8E%E7%AB%AF%E9%83%A8%E7%BD%B2 《环境部署》 http://doc.ruoyi.vip/ruoyi/document/hjbs.html#%E5%87%86%E5%A4%87%E5%B7%A5%E4%BD%9C 《Nginx配置》 http://d
转载
2024-08-14 22:01:14
739阅读
须知本文部分内容参考以下链接：blog.fundebug.com/2018/06/08/…步骤1、安装 Vue-CLInpm install -g @vue/cli
# OR
yarn global add @vue/cli
复制代码参考：cli.vuejs.org/zh/guide/in…2、用 Vue-CLI 创建项目定位到上级目录，创建 Vue-CLI 项目。新建或者覆盖都可以vue cre
这个是普通安装nginx，docker安装在下面，首先进入cd /usr/local/src1.安装node环境wget https://nodejs.org/dist/v14.17.1/node-v14.17.1-linux-x64.tar.gz2.解压文件tar xzf node-v14.17.1-linux-x64.tar.gz3.重命名（不是必须的）mv node-v14.17
转载
2024-10-18 18:38:55
194阅读
1.安装vue-cli① 使用npm（需要安装node环境）全局安装webpack，打开命令行工具输入：npm install webpack -g或者（npm install -g webpack），安装完成之后输入 webpack -v，如下图，如果出现相应的版本号，则说明安装成功。注意：webpack 4.X 开始，需要安装 webpack-cli 依赖 ,所以使用这条命
以配置Nginx为例，配置过程大致如下：（假设： 1、项目文件目录： /mnt/html/spa（spa目录下的文件就是执行了npm run dist 后生成的dist目录下的文件） 2、访问域名：spa.sosout.com） 进入nginx.conf新增如下配置：server {
listen 80;
server_name spa.sosout.c
引言：Vue.js 是一种流行的前端框架，而 Nginx 是一款高性能的 Web 服务器。将 Vue 前端项目成功部署到 Nginx 服务器上，可以为用户提供快速可靠的访问体验。本文将介绍如何在 Linux 环境下实践将 Vue 前端项目部署到 Nginx 服务器的步骤。前提条件在开始之前，确保你已经满足以下前提条件：你已经在本地开发环境中创建和测试了 Vue 前端项目。你已经在 Linux 服务
转载
2024-07-04 06:26:49
817阅读
代码地址 https://github.com/AutKevin/RuoYi-Vue3 调试阶段 yarn run dev 直接运行代码，不需要编译 编译预览 #使用stage环
项目需要在electron的项目中新打开一个窗口，利用webpack作为静态资源打包器，发现在webpack中可以设置多页面的入口，今天来讲一下我在electron中利用webpack建立多页面入口的踩坑经验。1、webpack的核心概念•Entry：入口，Webpack执行构建的第一步从Entry开始；•Module：模块，在Webpack里一切皆模块，一个模块对应着一个文件。Webpack会从
基本搭建一、基本搭建1.1.搭建1.2.ts插件1.3.editorconfig1.4.prettier1.5.eslint1.6.css1.7.配置路由1.8.axios1.9.pinia1.10.开发环境与生产环境区分1.11.集成element-plus 一、基本搭建1.1.搭建基于vitenpm init vue@latest
npm run dev1.2.ts插件安装volar和
