webpack history模式前端打包配合thinkphp使用，宝塔nginx的配置方法
webpakc的每个router都单独配置一个rewrite到伪静态里即可
其中，rewrite ^(.*)$ /index.php?s=$1 last; 是thinkphp的规则
同时要把index.html优先级提升：
关于nginx的rewrite规则可以看这篇文章：cnblogs.com/crazymagic/p/11034300.html
分类 默认分类 下的文章
Spring Boot入门2 - web静态文件的使用
IDEA用Spring Initializr创建一个新的工程
创建如下目录和文件：
test.css
.my-style {color: #409EFF}test.js
function sayHello() {
alert('显示该弹窗因为引入了test.js')
}index.html
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>主页</title>
</head>
<body>
主页
</body>
</html>test.html
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>测试</title>
<link rel="stylesheet" href="/css/test.css" type="text/css">
</head>
<body>
<p class="my-style">这段文字颜色因引入test.css而改变</p>
<p><button onclick="sayHello()">点击按钮</button></p>
<p><img src="/image/win95.jpg" width="300px"></p>
<script src="/js/test.js"></script>
</body>
</html>运行项目，访问127.0.0.1:8080
访问127.0.0.1:8080/test.html
点击按钮
以后项目中，如果前端是webpack打包，直接把打包资源放public文件夹即可
Spring Boot入门1 - 开发环境搭建，JDK+Maven+IDEA
- Oracle JDK8u201：直接官网下载，并配置环境变量
- Maven 3.6.3：直接官网下载，并配置环境变量
- IDEA 2019.3.5 Ultimate：直接官网下载安装。不推荐IDEA 2019.1.2版本，跟Maven 3.6.3配合使用会报错
Maven配置1：在settings.xml里的profiles节点添加：
<profile> <id>jdk-1.8</id> <activation> <activeByDefault>true</activeByDefault> <jdk>1.8</jdk> </activation> <properties> <maven.compiler.source>1.8</maven.compiler.source> <maven.compiler.target>1.8</maven.compiler.target> <maven.compiler.compilerVersion>1.8</maven.compiler.compilerVersion> </properties> </profile>Maven配置2：在settings.xml里的mirrors节点添加：
<mirror> <id>nexus-aliyun</id> <mirrorOf>central</mirrorOf> <name>Nexus aliyun</name> <url>http://maven.aliyun.com/nexus/content/groups/public</url> </mirror>- IDEA配置如图：
强烈建议用自己的Maven而不是IDEA自带的。昨天在开发Mybatis-Plus时，引用资源jar一直下载不下载，改用自己的Maven配合阿里云镜像就可以了
vscode开发vue2
整理自Vue入门视频教程：https://www.bjsxt.com/down/11723.html
- 百度搜索vs code去官网下载安装vs code
- 在Vscode里安装Vetur插件，装下载次数最多的那个
- 百度搜索Node.js去官网下载并安装Node.js
- 安装Webpack
npm install webpack -g如果Mac提示权限问题可以在命令行前面加上sudo
- 安装Vue CLI
npm install -g @vue/cli- vs code打开一个文件夹，终端执行命令创建vue项目
vue create project-name选择手动配置，回车，然后勾选Babel、PWA、Router、CSS，回车然后选择Less
win10可能会提示“vue : 无法加载文件 C:/Users/John/AppData/Roaming/npm/vue.ps1，因为在此系统上禁止运行脚本”，把这个报错拿去百度，一般第一条就是解法
- 进入project-name文件夹，运行项目：
npm run serve- 添加组建方式：在src目录下新建components目录，然后在目录里新建组建文件Hello.vue。在App.vue里面添加
import Hello from './components/Hello.vue'在export default里添加
components: {
Hello
}这样就可以在div里引用它：
<hello />- 更多组建的高级复用方式，可以去vue官网查看Prop和$emit
- 路由的使用：之前创建项目时选择了Router就可以直接用，路由的使用，包括二级路由，请看顶部视频教程
- 调试时跨域的处理：请看顶部视频
- Element-UI的使用，执行安装：
vue add element