npm run build生产环境打包部署

1、npm run build打包成功后，会在dist目录下生成index.html和static文件夹，将dist下所有文件复制到你需要的目录下。

2、配置nginx，以下为简单配置:

server {

listen 8011 default;

server_name localhost;

location / {

#配置网站根目录，即index.html和static所在的路径

root /Users/wqz/git/outdoor-ui/dist;

try_files $uri $uri/ /index.html last;

index index.html;

add_header Access-Control-Allow-Origin *;

}

#配置跨域转发，如果你的项目有需要请求其他服务器数据的需要配置，否则可以不用

location /auth/ {

proxy_pass http://127.0.0.1:9002;

}

location /admin/ {

proxy_pass http://127.0.0.1:9002;

}

access_log logs/outdoor-ui.access.log;

}

配置完后，重新加载nginx配置，使用命令sudo nginx -s reload , 如果未启动，直接启动就可以了。

3、访问localhost:8011即可。

npm run build生产环境打包部署相关推荐

vue中Npm run build 根据环境传递参数方法来打包不同域名
项目开发中,前端在配置后端api域名时很困扰,常常出现: 本地开发环境: api-dev.demo.com 测试环境: api-test.demo.com 线上生产环境: api.demo.com, ...
npm run build 打包后，如何运行在本地查看效果
目前,使用vue-cli脚手架写了一个前端项目,之前一直是使用npm run dev 在8080端口上进行本地调试.项目已经进行一半了,今天有时间突然想使用npm run build进行上线打包,试试 ...
【转】在生产环境中部署前端代码
在生产环境中部署前端代码本文章前端代码是基于vue+webpack开发的 Nginx是一款轻量级的Web 服务器/反向代理服务器首先,webpack配置如下在开发过程中,我们是通过npm run ...
npm run build打包产生的build文件夹通过nginx部署到服务器上访问（centos8）
首先在当前目录下,用npm run build命令将文件打包到build文件夹(或者是其他文件夹名) 把build目录传到服务器上打开终端(提一句,Windows在Microsoft store里新 ...
vue2.0项目部署到服务器_vue项目运行npm run build打包后如何发布到服务器？
运行npm run build后,怎么发布到服务器? 这样就打包成功了.然后我的项目根目录就会多一个dist文件夹,里面包含static文件夹(存放img.css.js等文件)和index.html. ...
npm run build 打包爬坑记（1）
npm run build 打包爬坑记先说说打包过程,npm run build 后放入phpstudy里面,访问本地ip,查看phpstudy的端口号,就能访问页面了(访问地址:http://19 ...
npm run build打包失败
使用npm run build命令打包Angular项目时报错,错误信息如下: WARNING in budgets, maximum exceeded for initial. Budget 2 M ...
服务器生成文件怎么配置路径,npm run build生成的文件如何部署到服务器上
其实楼上两个人的回答都是对的,只不过侧重点不一样,一楼是大的方面说,配置好服务器就可以了,该怎么运行就怎么运行,只不过没有部署过项目的人可能就不知道怎么回事了:二楼说的应该是配置windos服务器的环 ...
VSCode内npm run build编译打包时候报错：code ELIFECYCLE - （已解决）
文章目录 win10系统使用VSCode打包项目进行build编译的时候,报错:Module build failed: Error: "extract-text-webpack-plugi ...

npm run build生产环境打包部署

npm run build生产环境打包部署相关推荐

最新文章

热门文章