完善前端后台部署

xlcs-admin/.env.development

@@ -3,4 +3,4 @@ ENV = 'development'
 
 # base api
 # VUE_APP_BASE_API = '/dev-api'
-VUE_APP_BASE_API = 'http://localhost:8200'
+VUE_APP_BASE_API = 'http://192.168.31.67:8200'

xlcs-admin/.env.production

@@ -3,5 +3,5 @@ ENV = 'production'
 
 # base api
 #VUE_APP_BASE_API = '/prod-api'
-VUE_APP_BASE_API = 'http://localhost:8200'
+VUE_APP_BASE_API = 'http://192.168.31.67:8200'
 

xlcs-admin/Dockerfile

@@ -0,0 +1,11 @@
+FROM nginx:latest
+EXPOSE 80
+WORKDIR /app
+# 替换nginx配置
+COPY nginx.conf /etc/nginx/conf.d/default.conf
+# 将第一阶段的静态文件复制到nginx中
+RUN rm -rf /usr/share/nginx/html
+RUN mkdir /usr/share/nginx/html
+COPY ./dist /usr/share/nginx/html
+
+CMD ["nginx", "-g", "daemon off;"]

xlcs-admin/nginx.conf

@@ -0,0 +1,21 @@
+server {
+    listen       80;
+    listen  [::]:80;
+    server_name  localhost;
+
+    access_log  /var/log/nginx/host.access.log  main;
+
+    location / {
+        root   /usr/share/nginx/html;
+        index  index.html index.htm;
+
+        # 新增下面这句，其他是默认nginx配置
+        # 解决部分前端框架的路由问题，在浏览器刷新报错404
+        try_files $uri $uri/ /index.html;
+    }
+
+    error_page   500 502 503 504  /50x.html;
+    location = /50x.html {
+        root   /usr/share/nginx/html;
+    }
+}