前面部署了后端,现在开始部署前端。
首先依然是打包vue文件,npm run build 然后在vue的项目目录下多出了一个
dist文件夹。
然后依旧是在linux中创建新的一个文件夹
这里的要说的就是这个nginx,由于我还没学nginx,所以暂时只知道nginx的作用大概就是可以做到反向代理,总之这个nginx文件夹中只有一个 default.conf配置文件,这个配置文件中的内容为
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 /usr/share/nginx/html;
index index.html index.htm;
}
#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;
}}
Dockfile文件中的内容为: