一、自建仓库
1、在安装的时候保存缓存
/etc/yum.conf keepcach=1 #以后安装的时候就会自动的保存到/var/cache/
2、只下载,不安装
yum install --downloadonly --downloaddir=./soft samba
vim /etc/yum.repos.d/soft.repo
baseurl=file:///root/soft
yum -y install createrepo
createrepo ./soft
ls ./soft/repdata
二、安装nodejs服务
(1)安装epel镜像
[root@1 ~]# ls /etc/yum.repos.d
CentOS-Base.repo
[root@1 ~]# yum -y install epel-release
[root@1 ~]# ls /etc/yum.repos.d
epel.repo CentOS-Base.repo epel-testing.repo
(2)安装nodejs软件
[root@1 ~]# yum list | grep nodejs
[root@1 ~]# yum -y install nodejs.x86_64
[root@1 ~]# node -v
(3)安装包管理器
[root@1 ~]# yum -y install npm
[root@1 ~]# npm -v
8.19.4
(4)设置国内镜像
[root@1 ~]# npm config set registry https://registry.npmmirror.com
(5)使用npm(nodejs包管理器)安装vue的脚手架软件
[root@1 ~]# npm install @vue/cli -g //-g表示全局安装
[root@1 ~]# find / -name "vue"
/usr/local/bin/vue
/usr/local/lib/node_modules/@vue/cli/node_modules/vue
[root@1 ~]# /usr/local/bin/vue -V
@vue/cli 5.0.8
(6)使用vue脚本架创建一个前端项目
在当前目录创建vuehtml000目录,程序员就可以在这个文件中开发前端页面
[root@1 ~]# /usr/local/bin/vue create vuehtml000
回车选择
浏览器访问
如果访问不到,需关闭防火墙systemctl stop firewalld)
在vue项目的目录中找到才生成的dist目录
[root@1 vuehtml000]# ls
babel.config.js jsconfig.json package.json public src
dist node_modules package-lock.json README.md vue.config.js
[root@1 vuehtml000]# ls ./dist/
css favicon.ico index.html js
将这些静态部署到nginx的html
找到nginx的html
[root@1 vuehtml000]# find / -name "html" -type d
/var/www/html
/usr/lib64/python2.7/site-packages/lxml/html
/usr/share/doc/pam-1.1.8/html
/usr/share/doc/pcre-devel-8.32/html
/usr/share/nginx/html
/usr/local/py3124/lib/python3.12/html
/opt/Python-3.12.4/Lib/html
[root@1 vuehtml000]# cp -R ./dist/* /usr/share/nginx/html/
启动nginx