| |
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
-> JavaScript知识库 -> 本地vue项目部署到云服务器 -> 正文阅读 |
|
[JavaScript知识库]本地vue项目部署到云服务器 |
首先本地vue项目打包:npm run build。 然后在购买的云服务器管理端配置用户名和密码。 接着利用Xshell链接云服务器。 在云服务器上安装下载宝塔,详见官网:宝塔面板 - 简单好用的Linux/Windows服务器运维管理面板 用官网给的指令(centos上安装):
可能报错: 那么改成:
即可。 当弹出用户名,密码,公网内网网址时说明安装成功,用公网网址访问宝塔linux面板,注意默认的8088端口需要在云服务器管理端放行,以阿里云服务器为例,在安全组里即可进行端口访问控制。 首次进入宝塔面板会提示安装初始软件,我发酸用nginx服务器,可以一键安装好。 接着,在宝塔面板的文件菜单里,将打包好的dist文件夹放入/usr/local/nginx/html/下,并找到/usr/local/nginx/conf/nginx.conf文件,双击进行编辑。:? 在listen处填入为项目分配的端口号,server_name填入域名或ip地址;location下的root填入项目地址。配置完成后,启动nginx或者重启nginx
别忘了,分配的端口需要在宝塔面板的安全菜单中放行。至此,就可以根据配置的ip地址/域名+端口号来访问自己的vue项目了。 |
|
JavaScript知识库 最新文章 |
ES6的相关知识点 |
react 函数式组件 & react其他一些总结 |
Vue基础超详细 |
前端JS也可以连点成线(Vue中运用 AntVG6) |
Vue事件处理的基本使用 |
Vue后台项目的记录 (一) |
前后端分离vue跨域,devServer配置proxy代理 |
TypeScript |
初识vuex |
vue项目安装包指令收集 |
|
上一篇文章 下一篇文章 查看所有文章 |
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 | -2024/11/23 13:37:13- |
|
网站联系: qq:121756557 email:121756557@qq.com IT数码 |