小编Son*_*Tr.的帖子

如何在 Docker 上为 Vue-router 配置 nginx

我正在设置一个 docker 图像,nginx以便将 Vue 应用程序作为静态文件提供服务。我的 vue 应用程序使用 Vue-Router,它可以在其他服务器上完美运行。我的 nginx 配置是这样的:https : //router.vuejs.org/guide/essentials/history-mode.html#example-server-configurations

现在我想迁移到 docker,这是我的 Dockerfile

# build stage
FROM node:9.11.1-alpine as build-stage
WORKDIR /app
COPY package*.json ./
RUN npm install
COPY . .
RUN npm run build

# production stage
FROM nginx:1.15.8-alpine as production-stage
COPY docker/nginx/prod.conf /etc/nginx/nginx.conf/prod.conf         # [*]
COPY --from=build-stage /app/dist /usr/share/nginx/html
EXPOSE 80
CMD ["nginx", "-g", "daemon off;"]
Run Code Online (Sandbox Code Playgroud)

这是 docker/nginx/prod.conf

server {
  listen 80;
  server_name _ default_server;

  root /usr/share/nginx/html;

  location / {
    try_files $uri $uri/ …
Run Code Online (Sandbox Code Playgroud)

nginx docker vue-router

5
推荐指数
1
解决办法
5021
查看次数

标签 统计

docker ×1

nginx ×1

vue-router ×1