vue2项目打包dist文件后如何部署访问(本地部署和网络部署)
vue
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
项目地址:https://gitcode.com/gh_mirrors/vu/vue
免费下载资源
·
1.本地部署
前提:1.注意端口的占用,防火墙的放行;2.注意后端服务的请求链接3.记得不要关闭运行4.记得element ui的引入要放在vue版本导入的后面
1.1.新建一个文件夹打开之后打开终端
1.2.npm i express -s
是用于在 Node.js 项目中安装 Express 框架的命令
1.3.将项目打包好的dist文件放入其中以及新建一个app.js文件用于运行
运行命令 node .\app.js
2.网络部署
前提1.我使用的是腾讯云的轻量级云服务器,操作系统的宝塔面板2.端口使用的时候记得开腾讯云里面的防火墙和宝塔安全面板里面的防火墙放行3.导入项目记得下载依赖和使用pm2管理器开启持续运行
将项目上传到服务器中,放在/www/wwwroot里面然后到软件商店下载一个pm2管理器然后新建项目然后如图配置,端口号是你的app.js监听的端口号然后就可以访问了如果想要域名访问的话就在映射那里配置你的域名。不然的话访问网址就是你的服务器公网网址加端口号
不安全是因为没有配置ssl证书不是https访问
GitHub 加速计划 / vu / vue
207.55 K
33.66 K
下载
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:3 个月前 )
73486cb5
* chore: fix link broken
Signed-off-by: snoppy <michaleli@foxmail.com>
* Update packages/template-compiler/README.md [skip ci]
---------
Signed-off-by: snoppy <michaleli@foxmail.com>
Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 5 个月前
e428d891
Updated Browser Compatibility reference. The previous currently returns HTTP 404. 5 个月前
更多推荐
已为社区贡献7条内容
所有评论(0)