本文共 6673 字，大约阅读时间需要 22 分钟。

vue history模式，nginx不进行某些配置，刷新页面的时候会出现404错误，原因是spa单页面是通过js来进行跳转的。浏览器根据路由地址是找不到服务器上相关的文件的，所以这里需要进行相应的服务器配置。

user root;worker_processes  1;# error_log  logs/errorlet.log info;# 日志级别# worker_rlimit_nofile 20000;pid /root/nginxConf/logs/nginx.pid;events {    ## 4.提高TCP连接数(***必须配置***)    worker_connections 1024;}http {    # 用于加载js、scc、html文件    include mime.types;    default_type application/octet-stream;    #include /root/nginx/config/server.d/*.conf;    log_format  log_common  '$remote_addr - $remote_user [$time_local] "$request" '                '$status $body_bytes_sent "$http_referer" '                '"$http_user_agent" "$http_x_forwarded_for"';    sendfile        on;    keepalive_timeout  65;    server {        listen 80;        server_name localhost;        # 设置文件路径        root /root//ViewTest;        location / {            # 添加gzip配置，使其大于10k的文件加载更快            gzip on;            gzip_min_length 10k;            gzip_buffers 4 16k;            gzip_http_version 1.1;            gzip_comp_level 6;            gzip_types text/plain application/x-javascript text/css application/xml application/javascript;            gzip_disable "MSIE [1-6]\.";            gzip_vary on;            # 设置主页            index index.html;            # 设置文件请求            try_files $uri $uri/ /index.html;            # 对于404响应的跳转到主页加载（与正常跳转不一样）            error_page 404 /index.html;            # 同意post请求            error_page 405 =200 $uri;        }    }}

mime.types文件：

types {    text/html                                        html htm shtml;    text/css                                         css;    text/xml                                         xml;    image/gif                                        gif;    image/jpeg                                       jpeg jpg;    application/javascript                           js;    application/atom+xml                             atom;    application/rss+xml                              rss;    text/mathml                                      mml;    text/plain                                       txt;    text/vnd.sun.j2me.app-descriptor                 jad;    text/vnd.wap.wml                                 wml;    text/x-component                                 htc;    image/png                                        png;    image/svg+xml                                    svg svgz;    image/tiff                                       tif tiff;    image/vnd.wap.wbmp                               wbmp;    image/webp                                       webp;    image/x-icon                                     ico;    image/x-jng                                      jng;    image/x-ms-bmp                                   bmp;    font/woff                                        woff;    font/woff2                                       woff2;    application/java-archive                         jar war ear;    application/json                                 json;    application/mac-binhex40                         hqx;    application/msword                               doc;    application/pdf                                  pdf;    application/postscript                           ps eps ai;    application/rtf                                  rtf;    application/vnd.apple.mpegurl                    m3u8;    application/vnd.google-earth.kml+xml             kml;    application/vnd.google-earth.kmz                 kmz;    application/vnd.ms-excel                         xls;    application/vnd.ms-fontobject                    eot;    application/vnd.ms-powerpoint                    ppt;    application/vnd.oasis.opendocument.graphics      odg;    application/vnd.oasis.opendocument.presentation  odp;    application/vnd.oasis.opendocument.spreadsheet   ods;    application/vnd.oasis.opendocument.text          odt;    application/vnd.openxmlformats-officedocument.presentationml.presentation                                                     pptx;    application/vnd.openxmlformats-officedocument.spreadsheetml.sheet                                                     xlsx;    application/vnd.openxmlformats-officedocument.wordprocessingml.document                                                     docx;    application/vnd.wap.wmlc                         wmlc;    application/x-7z-compressed                      7z;    application/x-cocoa                              cco;    application/x-java-archive-diff                  jardiff;    application/x-java-jnlp-file                     jnlp;    application/x-makeself                           run;    application/x-perl                               pl pm;    application/x-pilot                              prc pdb;    application/x-rar-compressed                     rar;    application/x-redhat-package-manager             rpm;    application/x-sea                                sea;    application/x-shockwave-flash                    swf;    application/x-stuffit                            sit;    application/x-tcl                                tcl tk;    application/x-x509-ca-cert                       der pem crt;    application/x-xpinstall                          xpi;    application/xhtml+xml                            xhtml;    application/xspf+xml                             xspf;    application/zip                                  zip;    application/octet-stream                         bin exe dll;    application/octet-stream                         deb;    application/octet-stream                         dmg;    application/octet-stream                         iso img;    application/octet-stream                         msi msp msm;    audio/midi                                       mid midi kar;    audio/mpeg                                       mp3;    audio/ogg                                        ogg;    audio/x-m4a                                      m4a;    audio/x-realaudio                                ra;    video/3gpp                                       3gpp 3gp;    video/mp2t                                       ts;    video/mp4                                        mp4;    video/mpeg                                       mpeg mpg;    video/quicktime                                  mov;    video/webm                                       webm;    video/x-flv                                      flv;    video/x-m4v                                      m4v;    video/x-mng                                      mng;    video/x-ms-asf                                   asx asf;    video/x-ms-wmv                                   wmv;    video/x-msvideo                                  avi;}

配置完成后，启动nginx，就可以正常访问页面了～！！！！！！

转载地址：https://blog.csdn.net/qq_39741836/article/details/114265070 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！