我已经阅读了将 VueJS 路由器置于 Nginx 后面的历史模式的官方文档以及以下内容:
Stackoverflow - vue-router、nginx 和直接链接
Stackoverflow - 如何在 Docker 上为 Vue-router 配置 nginx
在查看了所有这些并进行了多次更改之后,我仍然无法提供指向我的路线的直接链接并让它们正确加载(也就是说,除了 ,我得到了 404 /)。
我正在创建一个 nginx docker 映像 ( nginx:alpine) 并让它为静态 VueJS 文件提供服务。
# build stage
FROM node:lts-alpine as build-stage
WORKDIR /app
COPY . .
RUN npm install && npm run build
# production stage
FROM nginx:stable-alpine as production-stage
COPY --from=build-stage /app/dist /usr/share/nginx/html
COPY prod_nginx.conf /etc/nginx/nginx.confg
EXPOSE 80
CMD ["nginx", "-g", "daemon off;"]
Run Code Online (Sandbox Code Playgroud)