首先在部署环境前,我们需要查看下项目代码的api.js里面请求的后端地址,先进行更改,比如你准备在服务器ip为:11.22.33.44上部署环境,那么你的请求地址要先改好,然后再开始部署操作
- 我们将项目代码上传到服务器上比如项目代码目录名叫:test
- 在服务器上安装node.js,具体安装步骤详见上一篇博客。
- 安装完成后我们就进入到项目根目录test下开始构建项目
npm install -g @vue/cli #安装脚手架
npm install #安装依赖
npm run build #构建打包
打包完成后我们会在项目根目录test下生成一个dist文件夹
到此我们就将项目已经打包好,接下来开始部署准备
- 下载nginx镜像
docker pull nginx
- 创建 nginx config配置文件
vi nginx config
内容如下
server {
listen 80;
server_name localhost; # 修改为docker服务宿主机的ip,比如我之前说的11.22.33.44
location / {
root /usr/share/nginx/html;
index index.html index.htm;
try_files $uri $uri/ /index.html &#