refactor: 修改文件便于部署

Dockerfile

@@ -0,0 +1,14 @@
+FROM node:lts-alpine as build-stage
+MAINTAINER fanyanpeng fanyanpeng@smail.nju.edu.cn
+WORKDIR /app
+ENV TZ Asia/Shanghai
+COPY package*.json ./
+RUN npm config set registry https://registry.npm.taobao.org
+RUN npm install
+COPY . .
+RUN npm run build
+
+FROM nginx:stable-alpine as production-stage
+COPY --from=build-stage /app/dist /usr/share/nginx/html
+EXPOSE 80
+CMD ["nginx", "-g", "daemon off;"]

nginx.conf

@@ -0,0 +1,17 @@
+
+    upstream backend{
+        server 192.168.80.1:8070;
+    }
+
+    server {
+            listen 81;
+            listen [::]:81;
+            root /usr/share/nginx/html;
+            server_name _;
+      location ~ / {
+        if ($request_uri ~* (api)) {
+            proxy_pass http://backend;
+        }
+        try_files $uri $uri/ /index.html;
+      }
+    }

src/apis/axios.config.ts

@@ -3,7 +3,7 @@ import axios from "axios";
 // const BASEURL = 'http://47.111.23.171:8081'
 // const BASEURL = 'http://localhost:8080'
 // const BASEURL = 'http://8.130.126.86:8080'
-const BASEURL = 'http://139.196.252.184:8070'
+const BASEURL = ''
 
 const axiosInstance = axios.create({
     baseURL: BASEURL,

src/components/WordEditor/WordEditor.vue

@@ -63,7 +63,7 @@
     editorConfig: {
       lang: 'zh-CN',
       //不要用localhost和127.0.0.1访问，用局域网IP访问
-      callbackUrl: 'http://139.196.252.184:8070/api/onlyoffice/callback',
+      callbackUrl: '/api/onlyoffice/callback',
       customization: {
         autosave: false,
         comments: false,

src/views/CourseSquare/component/CourseDetails/component/CourseHomeworkTable.vue

@@ -64,7 +64,7 @@
       <el-form-item label="描述文件" v-if="dialogConfig.type == 'edit'">
         <el-upload
             ref="uploadDescribeRef"
-            action= "http://139.196.252.184:8070/api/file"
+            action= "/api/file"
             multiple
             v-model:file-list="describeFileList"
             :limit="1"
@@ -86,7 +86,7 @@
       <el-form-item label="附件" v-if="dialogConfig.type == 'edit'">
         <el-upload
             ref="uploadPictureRef"
-            action= "http://139.196.252.184:8070/api/file"
+            action= "/api/file"
             multiple
             v-model:file-list="pictureFileList"
             :limit="1"

src/views/CourseSquare/component/CourseDetails/index.vue

@@ -77,7 +77,7 @@
         <el-upload
             ref="uploadRef"
             drag
-            action="http://139.196.252.184:8070/api/file"
+            action="/api/file"
             multiple
             v-model:file-list="fileList"
             :limit="1"

vite.config.ts

@@ -15,6 +15,9 @@ export default defineConfig({
   },
   server: {
     host: '127.0.0.1',
-    port: 4000
+    port: 4000,
+    proxy: {
+      '/api': 'http://localhost:8090'
+    }
   }
 })