这是我写好的项目（后台管理：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'
在这篇文章中，我将向你介绍如何将Vue3应用部署到Nginx服务器上。首先，让我们看一下整个流程的步骤：
| 步骤 | 操作 |
| ----- | ----- |
| 1 | 构建Vue3应用 |
| 2 | 配置Nginx服务器 |
| 3 | 部署Vue应用到Nginx |
现在让我们逐步了解每个步骤应该如何操作。
### 步骤1：构建Vue3应用
首先，确保你已经在本地开发环境中编
原创
2024-05-06 10:35:00
518阅读
阿里云服务器购买以及配置：# 购买阿里云服务器流程：
# 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阅读
一、云服务器准备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阅读
代码地址 https://github.com/AutKevin/RuoYi-Vue3 调试阶段 yarn run dev 直接运行代码，不需要编译 编译预览 #使用stage环
一. vue前端项目打包 使用vscode开发项目 ，在src的同级目录下创建一个vue.config.js文件（已有的话则修改相应内容），向其中写入配置信息并保存：module.exports = {
publicPath: './',
outputDir: 'dist',
assetsDir: 'static'
}module.exports = {
// 基本路径 baseUR
转载
2024-04-15 13:36:02
1607阅读
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阅读
在weblogic中部署项目通常有三种方式：第一，在控制台中安装部署；第二，将部署包放在domain域中autodeploy目录下部署；第三，使用域中配置文件config.xml 进行项目的部署。 控制台部署 1 启动weblogic服务，登录到weblogic控制台页面，输入用户名和密码，登录到控制台里面 2 点击左侧的部署 3&n
转载
2024-01-01 20:31:46
224阅读
本文将带大家从一台全新的 CentOS 服务器开始，部署一套完整的前后端分离项目。操作步骤非常详细，新手友好型文章~
后端技术栈：Spring Cloud 微服务架构 + Redis + RabbitMQ + MySQL；
前端技术栈：Vue + ElementUI；
部
转载
2023-08-23 15:48:51
456阅读
本文主要是记录一下在apache二级目录上面部署react和vue项目。根目录下面部署很简单，但是在二级目录下就需要在webpack的配置或者vue-cli的配置文件以及路由组件做一些简单调整。由于mac系统自己带了apache，所以我们只需要开启就可以了。配置apache在终端中输入sudo apachectl start，然后在浏览器中输入"http://localhost"，如果出现"It
本博客是总结本人在linux服务器上将vue项目部署到Nginx上的经历一.准备好vue项目1.安装vue环境2.打包vue项目进入你项目的文件夹，找到config文件夹下的index.js文件（config/index.js），打开修改里面assetsPublicPath为 ./（注意一定是build里面的，dev中也有这个配置，dev里的不用修改）3.打包成dist文件进入项目文件夹，打开命令
转载
2024-06-07 12:02:15
1715阅读
最近工作上的事情，领导让用VUE写个前端出来，由于部门的人大多负责后台，前端的大多数事务，就直接包到我头上来了。估计后续我VUE写完，也没人负责把网页部署到服务器上，那么咋办，只能自己来了。对于服务器来说，可以说是一个小白了。可以说什么都是从0开始。这篇文章不说VUE怎么怎么写，1、购买腾讯云免费服务器买了服务器之后，登录服务器之后，发现是CentOS，就是一片黑，只能输入命令行，咱也不懂咱也不敢
准备（1）首先是一个Vue项目。（2）其次准备好服务器（在这里我是用虚拟机VMware）。（3）准备好一个SpringBoot后端代码。（4）服务器上必须安装Nginx。1、前端代码注意事项：（1）在这里我是用vuecli3脚手架创建的vue项目的，所以项目创建完毕之后是没有vue.config.js的。 其实这个文件的创建是为了本地测试解决前后端跨域问题的，但是在打包项目的时候需要把这里关于跨域
转载
2024-03-02 09:46:25
417阅读
前端打包 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阅读
一.前端
Vue打包1.打包打开
vue项目 控制台运行指令打包npm run build2.配置打包后会生成dist文件夹二.后端SpringBoot打包1.准备工作1.1 确保项目安装了打包依赖<build>
<plugins>
<plugin>
<groupId>org.spr
转载
2024-07-02 11:45:27
1281阅读
