如何把ssm项目和vue项目部署在云服务器（上）

Myth丶恋晨 2022-12-06 05:24 404阅读 0赞

一、引入

URL的概念理解

> 在WWW上，每一信息资源都有统一的且在网上唯一的地址，该地址就叫URL（Uniform Resource Locator,统一资源定位器），它是WWW的统一资源定位标志，就是指网络地址  
> URL由三部分组成：资源类型、存放资源的主机域名、资源文件名。  
> 也可认为由4部分组成：协议、主机、端口、路径

在此之前并没有去多留意端口号、主机这些含义，今天在进行部署时，才恍然大悟；  
当在本地跑通之后，基本上只需要将localhost换为服务器公网IP即可；以下是本人进行部署的详细步骤；

二、部署步骤（部署在tomcat上）

1、SSM项目部署

将ssm项目中数据库连接接口改为服务器的地址,然后将其打包成war包；然后将其上传到服务器的TOMCAT的webapps中即可；  
方法一 、通过指令方式

scp -P 22 本地路径 root@公网IP:服务器路径

注：  
\-p 拷贝文件的时候保留源文件建立的时间。

\-q 执行文件拷贝时，不显示任何提示消息。

\-r 拷贝整个目录 www.2cto.com

\-v 拷贝文件时，显示提示信息

linux 下scp传文件时错误 scp: /usr/tools: not a regular file 不能成功传送

解决方案：有可能没权限 chmod 7772: 在使用scp时加上-r 参数

方法二、通过直接访问服务器的TOMCAT管理界面进行上传文件并部署

2.Vue的部署

如法炮制，将dist里面的index.html和static文件上传到服务器的TOMCAT的webapps（先创建一个文件夹（如test2））的你所创建的文件夹（如test2，当然你也可以选择先创建文件夹,把index.html和static放在里面一块上传与webapps中）中；  
在打包生成dist之前需要设置路径；![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0NjU0OTc0_size_16_color_FFFFFF_t_70_pic_center]  
打包时如遇到UnhandledPromiseRejectionWarning: CssSyntaxError:  
尝试一下办法：将webpack.prod.conf.js中的new OptimizeCSSPlugin注释掉  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0NjU0OTc0_size_16_color_FFFFFF_t_70_pic_center 1]  
最后通过指令或者直接访问TOMCAT的管理界面查看部署情况（若存在以上文件则部署成功）；此时输入公网IP：8080/路径即可访问成功；

三、其他（一些小问题）

1.MYSQL指令编码创建数据库

CREATE DATABASE `mydb` CHARACTER SET utf8 COLLATE utf8\_general\_ci;

2.微信小程序上线步骤

https://www.jb51.net/article/160727.htm

3.小程序使用echarts，真机调试时报错HTMLCanvasView is not defined

https://blog.csdn.net/qq\_35432904/article/details/106265681

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0NjU0OTc0_size_16_color_FFFFFF_t_70_pic_center]: /images/20221123/bdf0a96e537e4a69b7acfe020e4e79c1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0NjU0OTc0_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221123/79cc4bc008a84ccaa5f8286a4d1ac363.png