关于项目上线(新浪云)

对于vue开发的pc端如何上线呢

在我学习之前,我发现网上虽然对学习各种各样的语言有很多视频,但是对于最后我们的项目如何上线却无人问津,对于我这个迫切想上线的小实习生来说,无疑是很困惑的,那这里就讲一下我最近上线的经历借博客记录一下。
上线项目:

  • 项目开发完毕之后, 默认只能在本地进行访问, 即 只能在同一个局域网中访问.
  • 如果项目希望放到网络上, 让所有人访问则需要上线

上线的地址通常分两种:

  • 个人服务器
    • 自行购买设备, 购买带宽, 购买域名. 把项目放到此服务器上进行上线
    • 此方式价格高, 需要自行维护
      • 适合大中型企业, 对数据安全要求高
  • 云服务器
    • 大型公司搭建大量的服务器, 然后把这些服务器卖给中小型企业;
    • 优势: 成本低, 有大公司保障信息安全;
    • 适合中小型公司

云服务厂商

  • 阿里云
  • 百度云
  • 华为云
  • 腾讯云
  • 新浪云: 目前已知最便宜的

新浪云

https://www.sinacloud.com/

项目上线流程:

  • 到新浪云中购买空间
  • 上传代码到新浪云
购买空间

登录官网

image-20200822141212056

创建应用

image-20200822141342385

按照最省钱的选择方式

image-20200822141543478

创建线上版本:

image-20200822141946374

你的网站网址

image-20200822142206837

上传代码包

分两种方式

  • 简单粗暴: 上传代码压缩包

    • 打包项目, 在项目目录下执行

      npm run build
      

      image-20200822142807640


      注意: 官方只支持zip 格式

      在这里插入图片描述

      通过在线编辑 可以查看你上传的代码

    • history模式必须在服务器上进行配置, 才能在刷新时可用

      image-20200822144155518

      通过在线编辑操作, 在根目录下创建一个 固定名称的文件:  .htaccess
      
      在此文件中输入代码:  并保存即可
      <IfModule mod_rewrite.c>
        RewriteEngine On
        RewriteBase /
        RewriteRule ^index\.html$ - [L]
        RewriteCond %{REQUEST_FILENAME} !-f
        RewriteCond %{REQUEST_FILENAME} !-d
        RewriteRule . /index.html [L]
      </IfModule>
      

      image-20200822144229582

  • 用专业软件git

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值