CentOS 安装Nginx并部署vue项目

时间：2022-08-29 19:00:39浏览次数：71

标签：vue 配置文件 CentOS nginx etc Nginx systemctl conf

安装
```
yum install nginx
```

配置nginx

设置开机启动
```
systemctl enable nginx
```
启动服务
```
systemctl start nginx
```
停止服务
```
systemctl stop nginx
```
重启服务
```
systemctl restart nginx
```
修改配置后热重载
```
systemctl reload nginx
```

nginx常用目录

路径	説明
/etc/nginx/	保存Nginx设置文件的目录
/etc/nginx/nginx.conf	主配置文件
/var/log/nignx/	日志文件目录
/usr/share/nginx/html/	对外公开的html
/etc/nginx/conf.d/default.conf	默认配置文件（该配置文件被nginx.conf所引用）

部署vue项目到nginx
- 编译项目
```
npm run build
```
- 将dist目录复制到Linux服务器
- 修改nginx.conf配置文件

标签：vue,配置文件,CentOS,nginx,etc,Nginx,systemctl,conf
From： https://www.cnblogs.com/zhazhawei/p/16637023.html

vue3基础入门
vue3基础入门官方网站：https://v3.vuejs.org/中文文档:https://staging-cn.vuejs.org/guide/introduction.html1、简介1.1、vue是什么？Vue.js（读音/vjuː/,类似于vi......
nginx alias与root的区别
alias与root的区别//alias与root的区别*root实际访问文件路径会拼接URL中的路径，会到root+location寻找资源*alias实际访问文件路径不会拼接URL中的路径，会到......
vue 监听事件addEventListener
vue添加监听事件addEventListener//vue添加监听事件，addEventListener第二个参数要绑在this上，即需要在methods中声明，否则销毁的时候会报错//在mounted中监听，在beforeD......
nginx 账号认证功能
nginx账号认证功能//创建账号密码yum-yinstallhttpd-toolsmkdir-p/usr/share/nginx/passwdhtpasswd-cbm/usr/share/nginx/passwd/.htpasswduser1123456htpa......
Centos7 yum安装mariadb
1配置yum源安装 yum配置文件/etc/yum.repos.dyuminstallmariadbmariadb-server2修改root用户默认密码updateusersetpassword=password("xxxx")whereuse......
Vue封装的过渡与动画
一.作用：在插入、更新或移除DOM元素时，在合适的时候给元素添加样式类名。二.图示：三.写法：1.准备好样式元素进入的样式：v-enter：进入的起点v-enter......
vue3+vuex 的 mutations 的使用
<template><divclass="app">姓名:{{$store.state.nameVuex}}<button@click="btn">基本方法:修改名字</button><br/><button@click="btn1">传递值......
vue2+vuex 的 mutations 的使用
<template><divclass="app">姓名:{{$store.state.nameVuex}}<button@click="btn">基本方法:修改名字</button><br/><button@click="btn1......
nginx调优
本文中，红色字体为nginx调优建议值。 1.Linux系统资源限制配置调优linux资源限制配置文件是/etc/security/limits.conf；限制用户进程的数量对于linux系统的稳定性非......
vue-通信
1、props父子1、Parent.vue//Parent.vue<template> <div> <span>我是Parent组件</span> <Childref="child":parentValue="value"@emitEdit="edit"></Child> ......

CentOS 安装Nginx并部署vue项目

安装

配置nginx

nginx常用目录

部署vue项目到nginx

相关文章

赞助商

阅读排行