nginx部署项目注意事项

部署之后出现404页面：可以设置base属性的值，默认值: “/”，应用的基路径。例如，如果整个单页应用服务在 /app/ 下，然后 base 就应该设为 “/app/”

const router = new VueRouter({
  mode: 'history', // 默认是hash模式
  routes: [...],
  base: '/qylzWeb/'
})

静态文件找不到的情况：设置build下的静态资源路径

build: {
    // Template for index.html
    index: path.resolve(__dirname, '../qylzWeb/index.html'),

    // Paths
    assetsRoot: path.resolve(__dirname, '../qylzWeb'),
    assetsSubDirectory: 'static',
    assetsPublicPath: '/qylzWeb/'
  }

一个nginx配置实例：nginx.conf：

tcp_nopush on;
keepalive_timeout 60;
tcp_nodelay on;
fastcgi_connect_timeout 300;
fastcgi_send_timeout 300;
fastcgi_read_timeout 300;
fastcgi_buffer_size 64k;
fastcgi_buffers 4 64k;
fastcgi_busy_buffers_size 128k;
fastcgi_temp_file_write_size 128k;
gzip on;
gzip_min_length 1k;
gzip_buffers 4 16k;
gzip_http_version 1.0;
gzip_comp_level 2;
gzip_types text/plain application/x-javascript text/css application/xml;
gzip_vary on;

server
{
listen 端口号
;
server_name localhost;
index index.html index.htm index.php; //页面
root /usr/local/src/qylzWeb;//根路径

location ~ .*\.(gif|jpg|jpeg|png|bmp|swf|ico)$
{
expires 0d;
# access_log off;
}
location ~ ^/(qylz|ztkzmw|grzjj)/ { //后台接口匹配
    proxy_pass http://10.32.2.15;
}

location ~ .*\.(js|css)?$
{
expires 0d;
# access_log off;
}
access_log off;
}

}