apache部署静态网页项目注意事项

上传项目文件

我将本地的静态网页项目上传到/var/www/html的目录下。

修改DocumentRoot信息

在/etc/httpd/conf/httpd.conf中找到DocumentRoot并且修改成自己存放静态html网页的地址。

请添加图片描述

找到 < IfModule alias_module >标签

在/etc/httpd/conf/httpd.conf中找到该标签并把静态资源的信息写入该标签内。
请添加图片描述

Alias "别名" "存放静态资源路径地址"

请添加图片描述
最后在执行

systemctl restart httpd

重启apache服务这样就能正常访问带有css js京台资源的自己部署的静态网页项目啦。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
你可以按照以下步骤在华为云上部署Vue项目静态网页: 1. 首先,确保你已经在华为云上创建了一个虚拟机实例,并且已经成功登录到该实例。 2. 在虚拟机实例上安装Node.js和npm。你可以使用以下命令安装: ``` sudo apt-get update sudo apt-get install nodejs sudo apt-get install npm ``` 3. 使用npm安装Vue CLI(命令行界面)。运行以下命令进行安装: ``` sudo npm install -g @vue/cli ``` 4. 使用Vue CLI创建一个新的Vue项目。进入你想要创建项目的目录,并运行以下命令: ``` vue create my-project ``` 5. 进入到项目的根目录中,使用npm安装项目的依赖: ``` cd my-project npm install ``` 6. 构建Vue项目。运行以下命令构建生产环境的静态文件: ``` npm run build ``` 7. 构建完成后,你会在项目根目录下的`dist`文件夹中找到生成的静态文件。 8. 将静态文件上传到华为云的虚拟机实例上。你可以使用SCP命令将文件从本地上传到远程服务器。例如,使用以下命令将`dist`文件夹上传到远程服务器的`/var/www/html`目录下: ``` scp -r dist username@your-server-ip:/var/www/html ``` 注意替换`username`为你的服务器用户名,`your-server-ip`为你的服务器IP地址。 9. 确保你的虚拟机实例上已经安装了一个Web服务器(如Nginx或Apache)。使用适当的配置,将Web服务器指向刚刚上传的静态文件所在的目录。 10. 通过浏览器访问你的服务器IP地址,应该能够看到部署好的Vue项目静态网页。 这样,你就成功在华为云上部署了Vue项目静态网页

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值