部署vue单页面

简介: 部署vue单页面

核心思想: 就是所有找不到资源的请求都转发到index.html页面上。


示例:

server {
  listen 80;
  server_name vue.example.com;
  return 301 https://vue.example.com$request_uri;
}
server {
  listen 443 ssl;
  server_name vue.example.com;
  ssl_certificate /home/ubuntu/certs/T.example.com/public.crt;
  ssl_certificate_key /home/ubuntu/certs/T.example.com/private.key;
  root /home/ubuntu/code/iotmanagement/admin/dist;
  index index.html;
  location / {
    try_files $uri $uri/ /index.html;    # 核心思想
    if ($request_filename ~* ^.*?.(html|htm)$){ # html和htm文件不缓存
      add_header Cache-Control no-cache,no-store,must-revalidate;
    }
  }
}点击复制复制失败已复制


提示

vue.example.com 为示例域名。

目录
相关文章
|
3天前
|
JavaScript
vue中watch的用法
vue中watch的用法
|
3天前
|
JavaScript 前端开发
vue动态添加style样式
vue动态添加style样式
|
3天前
|
JavaScript 前端开发
Vue项目使用px2rem
Vue项目使用px2rem
|
2天前
|
JavaScript API
vue学习(13)监视属性
vue学习(13)监视属性
12 2
|
2天前
|
JavaScript
vue 函数化组件
vue 函数化组件
|
2天前
|
JavaScript 前端开发
vue学习(15)watch和computed
vue学习(15)watch和computed
9 1
|
10天前
|
JavaScript
vue学习(4)数据绑定
vue学习(4)数据绑定
32 10
|
10天前
|
JavaScript 前端开发
vue学习(6)
vue学习(6)
31 9
|
10天前
|
JavaScript 开发者
vue学习(5)
vue学习(5)
25 7
|
7天前
|
JavaScript 前端开发
Vue项目使用px2rem
Vue项目使用px2rem