关于项目上线(新浪云)

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

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

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

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

上线的地址通常分两种:

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

云服务厂商

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

新浪云

https://www.sinacloud.com/

项目上线流程:

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

购买空间

登录官网

image-20200822141212056

创建应用

关于项目上线(新浪云)_第1张图片

按照最省钱的选择方式

关于项目上线(新浪云)_第2张图片

创建线上版本:

关于项目上线(新浪云)_第3张图片

你的网站网址

关于项目上线(新浪云)_第4张图片

上传代码包

分两种方式

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

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

      npm run build
      

      关于项目上线(新浪云)_第5张图片


      注意: 官方只支持zip 格式

      在这里插入图片描述

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

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

      关于项目上线(新浪云)_第6张图片

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

      关于项目上线(新浪云)_第7张图片

  • 用专业软件git

你可能感兴趣的:(study,progress,vue.js)