影响力网站建设,江苏广兴建设集团网站,南充网站建设价格,如何建立自己的网站项目需要部署到甲方电脑上#xff0c;使用docker是个不错的选择。 1、创建Dockerfile文件
# 设置基础镜像
FROM nginx:latest# 将dist文件中的内容复制到 /usr/share/nginx/html/ 这个目录下面
COPY dist/ /usr/share/nginx/html/
# 用本地的 default.conf 配置来替换nginx镜…项目需要部署到甲方电脑上使用docker是个不错的选择。 1、创建Dockerfile文件
# 设置基础镜像
FROM nginx:latest# 将dist文件中的内容复制到 /usr/share/nginx/html/ 这个目录下面
COPY dist/ /usr/share/nginx/html/
# 用本地的 default.conf 配置来替换nginx镜像里的默认配置
COPY default.conf /etc/nginx/conf.d/default.conf2、创建镜像中nginx配置文件
新建文件default.conf
# nginx配置
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 根目录默认nginx镜像的html文件夹可以指定其他root /usr/share/nginx/html;index index.html index.htm;# 如果vue-router使用的是history模式需要设置这个 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;}
}3、个人喜欢在package自定义命令 scripts: {dev: vue-cli-service serve --open,build: vue-cli-service build,lint: vue-cli-service lint,docker-build: docker build -t bim-web .},4、构建镜像使用命令
npm run docker-build5、实例化容器
docker run -p 3000:80 -d --name bim-web bim-web
