<=点个赞再走吧，您的支持是我写题解的动力

鄙人才疏学浅，此中鄙陋甚多，望海涵。

更好的阅读效果
声明： 文章整体纲要如下
acapp地址：acapp端
项目地址：https://git.acwing.com/ywxsdl/kobs/-/tree/8f0a81aac6962d774d0d85cb11b4dcd35c2bedbf

1、前言

2、检查vue版本

3、修改Nginx配置，使其支持AcApp端访问

4、编写acapp前端项目

5、打包方式

6、删掉第三方依赖自己重写

1、前言

前端其实就是一堆静态文件

我们可以只打包成一个JS文件来处理逻辑

一个CSS文件来处理样式

前端需要重新布局

前端需要重新布局

2、检查vue版本

在终端中输入vue --version，如果版本号低于@vue/cli 5.0.8，推荐重新安装该版本：

npm i -g @vue/cli@5.0.8

3、修改Nginx配置，使其支持AcApp端访问

支持acapp端

web端前后端跑在一个服务器上不会出现跨域问题

accapp端代码跑在acwing服务器上存在跨域问题

sudo /etc/init.d/nginx reload

后端就可以跨域了

4、编写acapp前端项目

没有vue.config.js就重新创建

安装依赖：

bootstrap 需要删掉不然会污染网站布局 @properjs/core vue3-ace-editor jquery

添加配置文件vue.config.js：
可以让vue3将项目打包成一个js文件和一个css文件。

acapp端buide将这两个文件传到云端

5、打包方式

使用vue3构建js和css文件
修改js文件，并添加主类：

需要反复的将css、js文件上传到云端

反复删掉已有的css、js。然后再将传过来的文件名简化

写sh脚本即可

6、删掉第三方依赖自己重写

为了防止影响页面布局

加了scoped的只会影响自己的布局

不会影响背景页面

菜单界面

增加返回按钮

修改匹配界面