第一种方式，将我们的前端项目放置在webapps目录下
进入tomcat安装路径下的conf目录，在serverxml文件中<Host>标签内配置虚拟路径
简单的解释一下参数
path 对应用户请求过来的url路径, /static 匹配所有以 /static 开头的请求
docBase 表示实际匹配到的路径，这里可以使用绝对路径，也可以使用相对路径
reloadable 如果为true，则tomcat会自动检测应用程序的/WEB-INF/lib 和/WEB-INF/classes目录的变化。（对于静态资源来说，个人觉得这个配置用处不大）
总结起来就是，对于ip:8080/static的资源请求，会通过虚拟路径匹配到我们实际的资源路径music_client/static。
配置好后重启，我们可以发现已经能够看到我们的前端项目了
对于ROOT目录下的资源，tomcat可以直接在根目录下进行访问。通过这种方式，我们可以让项目的路径去适配tomcat访问的路径。
但是这种方式不是特别推荐，当有多个项目在同一个tomcat服务器上的时候，会不方便管理。
Nginx是当下热门的服务器，使用起来只需要进行简单的配置即可。对于Nginx的安装大家可以自行百度解决。
我们先进入到usr/local/nginx（具体以实际nginx安装目录为准）下的conf目录，vim编辑nginxxml。主要进行下面的配置
简单的解释一下
listen 表示nginx监听的端口号，也就是你希望暴露哪个端口给用户进行访问
server_name 表示nginx接受请求的域名，一般默认localhost就行
location 模块用于响应请求，这里的 / 表示匹配8082端口的所有请求
root 表示静态资源/项目的路径
index 表示默认的访问资源
配置完成后，进入 sbin 目录下，通过 /nginx -t 检查配置文件的格式是否正确
如正确 /nginx 进行启动或者 /nginx -s reload 进行重启
启动完，我们就可以直接ip:8082直接访问我们的前端项目啦
开启nginx的反向代理也比较简单，只需要加上proxy_pass 配置即可
出现这个问题的原因是： 在history模式下，只是动态的通过js *** 作windowhistory来改变浏览器地址栏里的路径，并没有发起> 跟你在本地开发是相同的。 1、安装指定版本的nodejs（服务器基本软件的安装） 2、上传代码到服务器（可以通过ftp、ssh、git等方式） 3、安装项目依赖的模块 4、启动应用（也可以通过forever、pm2等工具进行管理） 当然，如果你深谙运维之道，可以直接通过docker等方案将运行环境容容器化。 基本的Linux运维知识的话可以参考linuxprobecom。 还有几个需要注意的点： 1、运行权限：注意做好应用之间的隔离（使用低权限用户、文件系统隔离等），避免应用崩溃导致系统宕机等风险 2、80端口：通过nginx等进行反向代理，应用本身占用1024后的端口（无需root权限）
如果你写了前端页面想发布到网上让大家一起看看你的作品，那么你需要一台服务器
服务器的话你可以租用阿里云，腾讯云，华为云等的服务器(这些都有学生机。阿里云学生机95元/月)，如果你想让你的网站更好的记住，可以购买一个域名。（注意：本教程没有用域名，是通过IP访问的）
配置服务器：把你的项目发送到服务器上，通过配置IIS服务器，完成配置
发布成功
2本教程使用的是阿里云的ECS服务器——windows server 2012
购买过程就不详细说明了
登入之后，运行服务器，记住你设置服务器登入的初始密码。
打开你电脑上的远程桌面连接
输入你购买的阿里云服务器的公网IP，输入第2步的密码，连接成功之后登入即可。
登入之后，为了方面 *** 作，把你的项目复制到桌面
接下来就是配置IIS服务器的 *** 作了，直接换成你的电脑，通过网页登入服务器IP，测试是否链接成功。转原文： >安装依赖
配置备用环境变量
在根目录下创建envdevelopment文件，并添加环境变量
VUE_APP_SERVER_ID = 0
在根目录下创建envproduction文件，并添加环境变量
VUE_APP_SERVER_ID = 1
创建自动化部署脚本
在packagejson同级目录下创建文件夹deploy
在deploy文件下创建configjs和serversjs和indexjs
serversjs：配置服务器相关信息
configjs：发布前的一些处理
indexjs：发布到服务器的处理逻辑
添加packagejson中的scripts命令
效果如下
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）