首页 » SEO优化 » nginxvuephp技巧_15分钟将Vue项目支配到云做事器运用浮屠面板

nginxvuephp技巧_15分钟将Vue项目支配到云做事器运用浮屠面板

访客 2024-12-06 0

扫一扫用手机浏览

文章目录 [+]

步骤 一

步骤 二,填写之后点 [立即安装到云做事器]

nginxvuephp技巧_15分钟将Vue项目支配到云做事器运用浮屠面板

把稳事变

nginxvuephp技巧_15分钟将Vue项目支配到云做事器运用浮屠面板
(图片来自网络侵删)

安装前请确保是 【全新的机器】 ,没有安装其他任何环境,否则会影响您的业务利用!

更多请查看右边的把稳事变

等待自动安装完成(大概10分钟),安装成功后将返回面板登录信息,把稳保存

安装成功,把稳保持面板信息

如何查看公网IP,以阿里云为例子。

登录阿里云 > 概述 > 我的资源 > 云做事器ECS[点击] > 实例与镜像 > 实例[点击]

阿里云做事器,查看公网IP

在做事器上建立网站

一 登录面板

在浏览器中输入面板地址(安装成功后返回的面板地址),如果打不开,可能须要到云做事器的安全组中放行8888端口。

利用账号和密码登录(安装成功后返回的账号和密码)。

二 安装Nginx和PHP

在面板左边菜栏点[软件商店],搜索运用进行安装。

安装 PHP 和 Nginx

三 建立PHP站点

网站 > PHP项目 > 添加站点

添加 PHP 站点

PHP版本选择 纯静态

编译Vue项目 npm run build,在项目目录下天生 ./dist 目录,将./dist目录上传到刚创建的站点中。

点 根目录

将 ./dist 目录上传到站点的根目录中

配置

点 网站名 进入配置

修正运行目录为: /dist

添加

做事器放行端口

安全(宝塔面板) > 添加端口规则

放行端口

云安全组放行端口,阿里云为例

阿里云 > 概述 > 我的资源 > 云做事器ECS[点击] > 网络与安全 > 安全组[点击]

云做事器添加安全组

如果是域名访问须要添加域名解析,还是以阿里云为例

阿里云 > 概述 > 我的资源 > 域名[点击] > 全部域名下的数字,进入域名列表,在对应的域名点解析。

点解析

添加域名解析,可能须要10分钟起效

把稳:要解析域名,最好先要域名备案

在浏览器中输入域名或公网IP:端口就可以访问页面了。

标签:

相关文章

phppdoquerycall技巧_PHP PDO 简单教程

PHP 5.5 版本之前,我们有用于访问 MySQL 数据库的 mysql_ 命令,但由于安全性不敷,它们终极被弃用。mysql_...

SEO优化 2024-12-08 阅读0 评论0