docker部署vue router history HTML5 模式

构建容器

nginx 配置 default.conf

powershell 复制代码
server {
    listen       80;
    server_name  localhost;

    #charset koi8-r;
    access_log  /var/log/nginx/host.access.log  main;
    error_log  /var/log/nginx/error.log  error;

    location / {
        root   /usr/share/nginx/html;
        index  index.html index.htm;
        try_files $uri $uri/ /index.html;
    }

    #error_page  404              /404.html;

    # redirect server error pages to the static page /50x.html
    #
    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   /usr/share/nginx/html;
    }
}

Dockerfile

powershell 复制代码
FROM nginx:latest
COPY default.conf /etc/nginx/conf.d/default.conf
powershell 复制代码
docker build -t oavue:1.0 .

docker compose

powershellversion: 复制代码
services:
  oa-history-web:
      image: oavue:1.0
      container_name: oa-history-web
      ports:
        - 1180:80
      volumes:
        - /home/iiip603/docker/oa/html/dist:/usr/share/nginx/html
相关推荐
从文处安4 小时前
「九九八十一难」组合式函数到底有什么用?
前端·vue.js
小p4 小时前
docker学习: 1. docker基本使用
docker
用户11489669441055 小时前
VUE3响应式原理——从零解析
vue.js
用户83040713057015 小时前
SPA 首屏加载速度慢怎么解决?
vue.js·webpack
一枚前端小姐姐5 小时前
低代码平台表单设计系统技术分析(实战三)
前端·vue.js·低代码
SuperEugene5 小时前
从 Vue2 到 Vue3:语法差异与迁移时最容易懵的点
前端·vue.js·面试
Leon6 小时前
新手引导 intro.js 的使用
前端·javascript·vue.js
Forever7_6 小时前
仅用一个技巧,让 JavaScript 性能提速 500%!
前端·vue.js
青屿ovo8 小时前
Vue前端页面版本检测解决方案
前端·vue.js
apollo_qwe10 小时前
深入解析Vue的mixins与hooks:复用逻辑的两种核心方式
vue.js