springboot+vue项目部署到wsl2的ubuntu上，并可通过公网访问

一、Ubuntu环境配置

1.java环境配置

参见这篇文章：如何在ubuntu上配置java环境

2.mysql环境配置

参见这篇文章：WSL中ubuntu安装mysql数据库
若为ubuntu 18.04版本可能遇到以下问题：
Starting MySQL database server mysqld No directory, logging in with HOME=/ mkdir: cannot create directory ‘//.cache’: Permission denied
应该是没输入的默认的密码，此时要输入默认的密码并改成自己的密码，参考这篇文章：Ubuntu中安装MySQL更改默认密码的步骤详解

3.nginx环境配置

参考这篇文章：WSL Ubuntu1804 开发环境：第二章 安装 Nginx

二、前后端项目打包

1.java打包

若所用IDE提供maven服务，则点击package来进行打包，或在终端通过命令来进行打包

2.vue打包

在项目所在文件夹中打开终端，执行npm run build 命令即可得到dist文件夹

三、项目部署

1.将项目传到Ubuntu的文件系统中

在ubuntu命令窗口执行

explorer.exe .

打开文件资源管理器窗口，随便选文件夹，将.jar文件和dist文件夹中的文件放入ubuntu的文件夹中。

2.执行java项目

在Ubuntu命令行中cd到上一步的文件夹，执行如下命令：

java -jar 文件名.jar

查看springboot项目能否正常执行

3.执行vue项目

（1）修改nginx的配置，将nginx默认的页面指向自己vue项目的页面

输入以下命令：

cd etc/nginx/sites-enable
vim default

进入default文件夹后，找到root字段，将其修改为Ubuntu中存放打包好的vue项目的dist文件夹中文件的位置
并在下方添加如下字段：

index index.html index.htm index.nginx-debian.html;

（2）修改nginx配置，使得前端能够访问后端端口

同样在上一步的default文件中，新增如下字段

location /api{  #后端接口的统一前缀
        proxy_pass   http://xxxxx; #在vue中配置的跨域表中的后端端口地址
}

做完这一步后尝试通过前端访问后端端口看是否工作正常

四、通过内网穿透使得公网可访问项目

1.安装cpolar

参考官方手段：
cpolar官方文档

• 注意，wsl下的ubuntu的systemctl很难用，可直接执行如下命令启动cpolar服务

sudo service cpolar start

启动后执行官方文档中如下命令：

cpolar http 8080 #这里应该为default文件中listen字段后的端口号

进入cpolar官网，查看此时的穿透状况，点击网址，检查是否能访问