VUE 打包测试部署项目到linux服务器,
2021/12/25 7:10:23
本文主要是介绍VUE 打包测试部署项目到linux服务器,,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
干就完了
一、项目根目录输入,如E:\demo>npm install
npm installee
二、根据自己定义的进行打包操作(我这儿是一个正式环境打包,一个是测试环境打包方式)
npm run build:stage
三、demo目录下生成一个dist 文件,这就打包好的文件
四、将文件上传至到服务器即可
有nginx的则去找nginx的配置文件中查找之前项目的存放地址
先是查看nginx.conf的文件在哪里
find / -name nginx.conf
找到路径
进入
cd /etc/nginx/
则现在在nginx的目录下打开nginx.conf (pgup、pgdn键可操作)
vim nginx.conf
vim的命令
:w 保存文件但不退出vi
:w file 将修改另外保存到file中,不退出vi
:w! 强制保存,不推出vi
:wq 保存文件并退出vi
:wq! 强制保存文件,并退出vi
:q 不保存文件,退出vi
:q! 不保存文件,强制退出vi
:e! 放弃所有修改,从上次保存文件开始再编辑命令历史
Q 退出
则可以看到存放的文件路径!!!
根据vue项目存放的路径地址去替换文件,这样比较简单操作,你也可以重新配置一下nginx的来指定你的vue项目路径,则不在此次嗷术
有几个命令能帮助到你
上传 rz
解压文件rar x abc.rar
创建目录命令# mkdir
删除文件夹 # rm -rf static
文件夹复制 cp -rf static /usr/share/nginx/html/XXX (在static文件夹下复制到xxx中去)
有更好的解决方案也可以评论区留言的哦!!!
这篇关于VUE 打包测试部署项目到linux服务器,的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-15基于JSON的大型语言模型代理与Ollama及LangChain的应用
- 2024-11-15useCallback教程:React Hook入门与实践
- 2024-11-15React中使用useContext开发:初学者指南
- 2024-11-15拖拽排序js案例详解:新手入门教程
- 2024-11-15React中的自定义Hooks案例详解
- 2024-11-14受控组件项目实战:从零开始打造你的第一个React项目
- 2024-11-14React中useEffect开发入门教程
- 2024-11-14React中的useMemo教程:从入门到实践
- 2024-11-14useReducer开发入门教程:轻松掌握React中的useReducer
- 2024-11-14useRef开发入门教程:轻松掌握React中的useRef用法