windows环境下运行vue项目编译的dist文件夹
背景近段时间需要将公司的看板系统部署到产线的服务器上,由于工厂的人员对linux系统的运用程度不高,所以使用windows系统作为运行环境。目前vue项目编译好的dist文件已经准备好,现需要在windows10系统下将其运行起来。方式一npm i -g servecd distserve方式二配置到nginx里边,一般nginx还可以配置开机自动启动,所以比较推介这种方式:1、将dist文件拷贝
·
背景
近段时间需要将公司的看板系统部署到产线的服务器上,由于工厂的人员对linux系统的运用程度不高,所以使用windows系统作为运行环境。
目前vue项目编译好的dist文件已经准备好,现需要在windows10系统下将其运行起来。
方式一
全局安装serve模块:
npm i -g serve
进入到dist文件内,运行服务:
cd dist
serve
方式二
配置到nginx里边,一般nginx还可以配置开机自动启动,所以比较推介这种方式:
1、将dist文件拷贝到你想要放置的位置
2、配置nginx的配置文件,设置此服务的端口,以及dist文件的目录路径即可,然后启动nginx即可
在nginx.conf配置文件中添加如下内容:
server {
listen 9527; #要监听的端口号
server_name localhost; #你的IP地址,也可以写成localhost
location / {
root D:\dist; #这里是你打包后的dist路径,注意不能有中文
index index.html index.htm;
}
更多推荐
已为社区贡献2条内容
所有评论(0)