社区
Web开发应用服务器
帖子详情
请问如何把本地的一个前端项目通过nginx部署到虚拟机上?
weixin_39767034
2018-04-19 02:19:37
我公司最近在做一个前端项目,希望把它通过nginx部署到一台虚拟机上,后台数据直接通过
api接口调用服务器的,想要实现直接访问虚拟机IP就可以看到后台数据渲染的该前端网页,
请问想要实现这个需求该如何操作?感激不尽!
...全文
864
回复
打赏
收藏
请问如何把本地的一个前端项目通过nginx部署到虚拟机上?
我公司最近在做一个前端项目,希望把它通过nginx部署到一台虚拟机上,后台数据直接通过 api接口调用服务器的,想要实现直接访问虚拟机IP就可以看到后台数据渲染的该前端网页, 请问想要实现这个需求该如何操作?感激不尽!
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
proxmox_web
Proxmox_web 基于Proxmox-ve_6.2.1版本的,
前端
开源
项目
,使用[Vue + vuex +元素+ vue-router]开发,包括
虚拟机
管理,克隆,备份,复制 以及Lvm,Lvm-thin,ceph本地存储等 感谢开源社区,感谢promox-ve提供嵌入开源
项目
! 如果帮助到了您一点点,star一下吧 :slightly_smiling_face: ##发布代码
部署
安装proxmox-ve_6.2-1.iso版本 ##
前端
代码
部署
1、下载代码 https://github.com/mingheinfo/proxmox_web.git 2、在package.json目录下运行 npm run build 3、编译完成后在public目录下得到 dist目录 4、安装
nginx
apt-get install
nginx
5、在/etc/
nginx
下创建crt目录执行 Linux系统下生成证书:
3分钟让你学会
前端
项目
部署
到
nginx
前端
项目
部署
到服务器的几种方式:
前端
项目
部署
到
nginx
。 下载
Nginx
以windows版为例,下载niginx压缩包并解压到任意目录,双击
nginx
.exe,在浏览器中访问http://localhost,如果出现Welcome to
nginx
!页面则说明成功。
nginx
常用命令如下:
部署
项目
到
Nginx
根目录 对于vue-cli创建的
项目
,修改vue.config.js文件(位于
项目
根目录下,没有的话自行创建) 在vue
项目
根目录中使用命令npm run b
yum安装
nginx
,并
部署
前端
vue
项目
到
虚拟机
上运行
yum安装
nginx
,并
部署
前端
vue
项目
到
虚拟机
上运行 1.搜索一下有没有
nginx
,命令如下 yum search
nginx
2.查询
nginx
要安装的版本,命令如下 whereis
nginx
3.安装
nginx
,命令如下 yum install
nginx
.x86_644.移除
nginx
,命令如下 yum remove
nginx
5.打开目录,命令如下 cd /usr/sbin 6.启动,命令如下 ./
nginx
7.查看
nginx
进程,命令如下 ps -aux |grep
nginx
.......
如何把
前端
项目
部署
到本地
虚拟机
VMware(CentOS 7.9)
虚拟机
linux系统,
部署
前端
系统 保姆式流程
前端
项目
在服务器上使用
nginx
进行
部署
window本机上下载
nginx
压缩包 将nginix压缩包拖入
虚拟机
中 在
虚拟机
中解压安装
nginx
(看子标题3的参考链接) 配置开启80端口号给
前端
项目
使用(看子标题3的参考链接) 在/usr/local/
nginx
/conf下的
nginx
.conf文件中,配置
前端
项目
的index.html文件路径
Web开发应用服务器
5,655
社区成员
20,182
社区内容
发帖
与我相关
我的任务
Web开发应用服务器
Web开发应用服务器相关讨论专区
复制链接
扫一扫
分享
社区描述
Web开发应用服务器相关讨论专区
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章