← 返回笔记列表

1Panel中使用OpenResty 配置静态网站

约 1 分钟 #Vue #Nginx

1、创建网站

1Panel中使用OpenResty 配置静态网站

1Panel中使用OpenResty 配置静态网站

2、将静态网站资源放入新建的网站的资源目录下

点击网站目录icon

1Panel中使用OpenResty 配置静态网站

通过上传功能将静态网站资源(如Vue项目build生成的dist文件夹的资源)上传到对应的资源目录下

1Panel中使用OpenResty 配置静态网站

3、单页面项目配置内部重定向

点击配置

1Panel中使用OpenResty 配置静态网站

点击【配置文件】

1Panel中使用OpenResty 配置静态网站

在配置文件中添加红框内的代码,点击【保存并重载】

1Panel中使用OpenResty 配置静态网站

location / {
    try_files $uri $uri/ @router;
    index index.html;
}
location @router {
    rewrite ^.*$ /index.html last;
}

4、配置反向代理

如果网站中需要调用后端API,则还需配置方向代理,如下图配置将以“/api/”开头的请求全部转发到7777端口

1Panel中使用OpenResty 配置静态网站

如果实际后端API中不包含 “/api”,则需要在转发时重写请求路由

1Panel中使用OpenResty 配置静态网站