這里就不講述Vue的安裝和編寫了
第一步打包項(xiàng)目：
- 把Vue項(xiàng)目打包：
npm run build
- 你會(huì)看到一個(gè)dist文件夾晤愧，只需要將這個(gè)dist文件夾放到遠(yuǎn)程服務(wù)器上
第二步新建nginx.conf文件：
listen 80;
location / {
root /usr/share/nginx/html;
index index.html;
}
}
server {
location / {
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header Host $http_host;
proxy_set_header X-NginX-Proxy true;
proxy_pass http://127.0.0.1:5000;
# proxy_redirect off;
add_header 'Access-Control-Allow-Origin' '*';
add_header 'Access-Control-Allow-Credentials' 'true';
add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
}
}
第三步：新建Dockerfile文件
FROM nginx:latest
MAINTAINER dormancypress"jmt.com"
COPY ./nginx.conf /etc/nginx/conf.d/default.conf
COPY ./dist /usr/share/nginx/html
EXPOSE 80
CMD ["nginx","-g","daemon off;"]
第四步：新建一個(gè)文件，把這些放進(jìn)去
第五步：將這個(gè)文件放到服務(wù)器上
- 進(jìn)入該目錄運(yùn)行Dockerfile
$docker build -t 項(xiàng)目名:版本 . /- 鏡像生成后可以使用
$docker images -a來查看鏡像
- 使用 $docker run -p 8888:80 -t -i 項(xiàng)目名:版本 /bin/bash`來運(yùn)行腳本
- 如果NGINX沒有自動(dòng) 啟動(dòng)彤断，可以使用
$service nginx restart
- 最終 Ctrl+p ctrl+q 以掛起的形式退出
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
