前后端分离项目的部署之前端 Vue-cli 项目部署
2021/4/26 10:55:34
本文主要是介绍前后端分离项目的部署之前端 Vue-cli 项目部署,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
此文适用于 vue-cli 创建的 vue 项目
可能不适用于 vue-vite 脚手架创建的项目
先按我另一篇随笔搭建生产环境https://blog.csdn.net/weixin_38848757/article/details/114325932
- 开发目录下运行如下命令打包项目源码
npm run build
-
将打包好的生产代码上传至服务器,假设目录为/usr/local/projects/project_1/dist,配置nginx.conf
# find /usr/local -name nginx.conf vim /usr/local/nginx/conf/nginx.conf
将server=>location=>root配置项改为 /usr/local/projects/project_1/dist ,其他不要动参考https://www.cnblogs.com/fengyuexuan/p/11471269.html
server { listen xxxx; # 8080 server_name xxx.xxx.xxx.xxx; # 139.123.1.16 location / { root /usr/local/projects/project_1/dist; try_files $uri $uri/ @router; index index.html index.htm; } }
-
(重新)启动 nginx https://blog.csdn.net/weixin_38848757/article/details/114325932
使用 docker 部署可以参考https://blog.csdn.net/SGAFPZys/article/details/80863509
这篇关于前后端分离项目的部署之前端 Vue-cli 项目部署的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-27React Native常用组件-展示组件
- 2024-05-27React Native常用组件-列表组件
- 2024-05-09vue3开发前端表单缓存自定义指令,移动端h5必备插件
- 2024-05-09React Hooks在class组件中的使用方式
- 2024-03-30[OIDC in Action] 2. 基于OIDC(OpenID Connect)的SSO(纯JS客户端)
- 2024-03-29terraform jsonencode
- 2024-03-13vuex-persist
- 2024-03-11icons for vue
- 2024-03-07breadcrumbs react js
- 2024-03-06react login page example