一、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官网,查看此时的穿透状况,点击网址,检查是否能访问