技術標籤：dockerlinuxdocker

文章目錄

• 一、總體預覽
• 二、打包配置
• • 2.1 default.conf
  • 2.2 Dockerfile
  • 2.3 打包
• 三、問題思考

提示：以下是本篇文章正文內容，下面案例可供參考

一、總體預覽

二、打包配置

2.1 default.conf

server {
    listen       80;
    server_name  localhost;

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

    }
    location /finalLearn {
        alias  /usr/share/nginx/html/;
        # index index.html index.htm;
        try_files $uri /finalLearn/index.html;
    }

    error_page   500 502 503 504  /50x.html;
}

2.2 Dockerfile

# 基礎映象
FROM nginx

MAINTAINER cw

# 刪除原有的default.conf檔案
RUN rm /etc/nginx/conf.d/default.conf
# 增加自定義default.conf檔案到對應目錄
 

ADD default.conf /etc/nginx/conf.d/
# 將dist目錄下的檔案複製到nginx內的目錄下，與上文對應
COPY dist/ /usr/share/nginx/html/

2.3 打包

docker build -t <自定義tag>

三、問題思考

打包釋出後，有時候出現錯誤 Uncaught SyntaxError: Unexpected token <
大多情況下靜態檔案js、css等訪問不到的問題。具體配置需和前端打包方式對應上。
但是如果條件允許可以把js等靜態檔案放在OSS上，這種問題也不會發生，同時也可cdn加速。具體結當下場景。

出現錯誤參考：

https://www.jianshu.com/p/f95cbf950e6f