avatar

sunday

Sunday's Blog

  • 首页
Home 阿里云oss部署vue3单页应用/静态文件
文章

阿里云oss部署vue3单页应用/静态文件

Posted 2024-05-20 Updated 2024-05- 20
By sunday
6~8 min read

1.将你打包的dist文件上传到你创建的Bucket中,可使用官方工具ossbrowser

可到这个地址下载:https://help.aliyun.com/zh/oss/developer-reference/install-and-log-on-to-ossbrowser?spm=a2c4g.11186623.0.i3#p-ny4-5d3-sty

或者直接在官网点击上传文件即可

2.然后设置静态页面

WeChat5dc0801f73d68b690346b2e24a67e216.jpg

点击数据管理——> 静态页面

WeChat71172a2c18cdf38d50df83552c0c9321.jpg

按照上图填写即可支持 vue-router的 WebHistory模式

如果只要hash模式的话,可以只填默认首页为index.html即可

还有oss给的默认域名,貌似现在只支持下载模式了,要自定义域名才能在浏览器打开显示,不然你用oss的域名在浏览器打开就会下载index.html文件到你电脑了

软件安装, 软件使用, vue
软件使用 vue3 软件安装
License:  CC BY 4.0
Share

Further Reading

Dec 30, 2024

解决Windows无法安装到这个磁盘 选中的磁盘具有MBR分区表

1.在Windows安装界面,按下 Shift + F10 组合键,打开命令提示符。 2.执行以下命令 diskpart list disk select disk 0 clean convert gpt #转换成功继续执行 exit #退出diskpart 可以关掉窗口了

Oct 10, 2024

docker-compose安装n8n自动化工作流

1.docker-compose.yml文件配置 services: n8n: image: docker.n8n.io/n8nio/n8n container_name: n8n restart: unless-stopped ports: - "5

Jul 26, 2024

docker compose 安装部署 wordpress

1.docker compose 文件直接部署 按照官方部署教程可能会出现以下报错 No 'wp-config.php' found in /var/www/html, but 'WORDPRESS_...' variables supplied; copying 'wp-config-docker

OLDER

解决windows11下powershell无法执行pwsh命令

NEWER

自动上传ssl证书到阿里云证书管理控制台中

Recently Updated

  • nextjs15使用better-sqlite3的连接报错问题
  • nextjs + clerk + supabase + realtime 实时监听数据库更改
  • 解决nextjs15使用useLocalStorage报错的问题
  • mac上使用nodejs appium控制chrome浏览器
  • 2024年终总结

Trending Tags

nginx acme 强制跳转HTTPS nodejs 代理 mac 神器 vue3 工具 docker

Contents

©2025 sunday. Some rights reserved.

Using the Halo theme Chirpy