[前端之路]购买域名和云服务器

最近在群里看到有人一直在推广腾讯云的云服务器,10元/月。看了一下,感觉还不错,就被安利购买了1年,顺便还注册了域名。chenliupeng.com  虽然有点蠢,以自己的名字起的,但是感觉不错,毕竟是第一个域名。网站还没有出来,感觉得到5月份,(/ □ \)才能挂上去。

中间还看到了一些关键字:seo搜索优化,百度联盟怎么赚钱啥的。看了后觉得心痒痒的,自己也好想赚钱,然后把钱捐出去(不是开玩笑的),1Wip好像就几十块钱,现在就不知道,因为没有去正式了解过,看到的信息是17年的。

敲到现在  2018年3月17日 03:28:12   已经很晚了。以后还有好多要学,es6  nodejs  css3的一些内容。

心中为自己打气。↖(^ω^)↗

在腾讯云服务器上部署前端项目通常涉及以下几个步骤,具体操作会根据项目类型(静态页面、Vue、React 等)、服务器环境(如 CentOS)以及是否使用 Nginx 等 Web 服务器软件而有所不同。 ### 1. 准备前端项目 首先,确保你的前端项目已经完成打包。例如,如果你使用的是 Vue 或 React 项目,可以通过以下命令生成生产环境的打包文件: ```bash npm run build ``` 这会生成一个 `dist` 或 `build` 目录,里面包含了所有静态资源文件。 ### 2. 上传项目到服务器 将打包好的前端项目上传到腾讯云服务器。可以使用 FTP 工具如 FileZilla 或者通过命令行工具如 `scp`: ```bash scp -r dist user@your_server_ip:/path/to/your/directory ``` 确保你已经登录到服务器,并且将文件放置在一个合适的目录中,例如 `/var/www/html` 或 `/root/gitee_go/deploy/dist`。 ### 3. 安装配置 Nginx 如果尚未安装 Nginx,可以使用以下命令安装: ```bash sudo yum install nginx ``` 然后启动 Nginx: ```bash sudo systemctl start nginx ``` 接下来,配置 Nginx 以指向你的前端项目。编辑 Nginx 的配置文件 `nginx.conf` 或创建一个新的站点配置文件: ```bash sudo nano /etc/nginx/conf.d/your_project.conf ``` 添加以下配置内容,根据你的实际情况修改 `server_name` `root`: ```nginx server { listen 80; server_name your_domain_or_ip; location / { root /path/to/your/project/dist; index index.html; try_files $uri $uri/ =404; } } ``` 保存并退出,然后重新加载 Nginx 配置: ```bash sudo systemctl reload nginx ``` ### 4. 访问项目 现在你可以通过腾讯云服务器的公网 IP 地址或域名访问你的前端项目。例如: ``` http://your_server_ip ``` 如果你有域名,建议将域名解析到服务器的公网 IP 地址,并在 Nginx 中配置 `server_name` 为你的域名。 ### 5. 其他注意事项 - **静态资源托管**:如果你的项目是纯静态资源,也可以考虑使用腾讯云云开发的静态网站托管服务,这样可以更方便地进行部署管理 [^1]。 - **权限问题**:确保上传的文件目录具有正确的权限设置,以便 Nginx 能够读取这些文件。 - **防火墙设置**:检查服务器的防火墙设置,确保 80 端口(或其他使用的端口)是开放的。 通过以上步骤,你应该能够成功地将前端项目部署到腾讯云服务器上,并通过公网访问。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值