前端项目打包上传到docker启动

项目开发调试当中需要把项目发到服务器上供前后端联合调试，此文讲的是前端项目打包放到服务器上运行

1.在项目中执行命令

npm run build

等待执行命令执行完毕

2.在项目中找到打包完成的文件夹(dist)

将打包好的文件夹放到服务器的文件夹下(目录结构自定义)

3.在项目文件夹下新建一个conf文件夹添加一个配置文件如箭头所指

配置内容如下

listen：端口号
location:项目所在地址

4.配置nginx文件

内容如下，将项目配文件地址引入

5.配置docker-compose文件，将端口号添加进来

5.配置完成后执行命令

• 将配置文件加载

docker-compose down

• 后台重新加载

docker-compose up -d

6.修改前端config.js 文件

将对应后台服务对应得IP地址与端口号与后台对应起来