server {
# 监听的端口号
listen 3988;
# 服务名称 改成自己服务器的地址
server_name 127.0.0.1;
# vuejs静态文件配置
location / {
# 静态文件的位置
root /srv/aiPowerWeb/;
# hash 模式下,找不到路径就切换到 index.html页面
try_files $uri $uri/ @router;
index index.html index.htm;
}
# 对应上面的@router,主要原因是路由的路径资源并不是一个真实的路径,所以无法找到具体的文件
# 因此需要rewrite到index.html中,然后交给路由在处理请求资源
location @router {
rewrite ^.*$ /index.html last;
}
}
nginx加载vue3 打包后的静态文件
原创
©著作权归作者所有:来自51CTO博客作者wg_FBhEBGaB的原创作品,请联系作者获取转载授权,否则将追究法律责任
博客中所涉及到的图片都有版权,请谨慎使用
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
vue3详细介绍
vue详细介绍
Vue 开发者 API -
nginx 静态文件 二级目录 location
nginx 静态文件 二级目录 location
nginx 静态 文件 location -
VUE3官网 ooc github
-
nginx location静态文件配置
进入nginx安装目录的conf目录下,修改nginx.conf文件,在一个server{}中添加 一个location 部分配置代码如下 从上面的配置可以看出来 端口为80,server_name为localhost(写ip地址也可以) 这个配置表示输入 localhost:80/image/ 时
nginx location静态文件配置 nginx html ubuntu css -
python中divs是什么意思
数学运算(7个) 类型转换(24个) 序列操作(8个) 对象操作(7个) 反射操作(8个) 变量操作(2个) 交互操作(2个) &nb
python中divs是什么意思 迭代 bc 字符串