NGINX + VUE 无法展示图标 问题解决

server {
    listen 80;
    server_name your-domain.com;

    root /path/to/your/build/directory;

    location / {
        try_files $uri $uri/ /index.html;
    }

    location = /favicon.ico {
        access_log off;
        log_not_found off;
        expires max;
    }
}
像上面的nginx 的conf一样
在配置中为你的服务添加一个代理规则: 不要将资源文件图标进行代理
    location = /favicon.ico {
        access_log off;
        log_not_found off;
        expires max;
    }

favicon.ico是图标名称,改成你的那个名就行, 最后记得保存配置后, 重启你的 Nginx 程序 ~~

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
nginxvue可以一起使用来部署前端应用。以下是一种常见的配置方法: 1. 首先,确保你已经安装了NginxVue CLI。 2. 在Vue项目的根目录下,使用命令行工具运行`npm run build`,这将生成一个dist目录,包含了编译后的静态文件。 3. 打开Nginx的配置文件,一般位于`/etc/nginx/nginx.conf`或`/etc/nginx/conf.d/default.conf`。 4. 在`http`块中添加一个新的`server`块,配置Vue应用的代理和静态文件路径。示例配置如下: ``` server { listen 80; server_name your_domain.com; location / { root /path/to/vue_project/dist; try_files $uri $uri/ /index.html; } location /api/ { proxy_pass http://your_backend_server; } } ``` - `listen 80;`:指定Nginx监听的端口,可以根据需要修改。 - `server_name your_domain.com;`:指定你的域名或IP地址。 - `root /path/to/vue_project/dist;`:指定Vue项目编译后的静态文件所在的路径。 - `try_files $uri $uri/ /index.html;`:配置前端路由,使得任意路由都返回index.html,以便Vue应用处理路由跳转。 - `location /api/`:配置后端接口代理,将以`/api/`开头的请求转发到你的后端服务器。 5. 保存并关闭Nginx配置文件。 6. 重启Nginx服务,使配置生效。使用命令`sudo service nginx restart`或`sudo systemctl restart nginx`。 现在,当访问你的域名或IP地址时,Nginx会将请求转发到Vue应用,并将静态文件提供给浏览器。同时,以`/api/`开头的请求将被代理到你的后端服务器。请根据你的实际情况进行适当的修改。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值