vue nginx部署和跨域
server{
listen 8080; // 监听端口
server_name _; // 域名,用于代替将要访问的端口号
root /var/www/chuiniubi/dist; // 将要访问的网站的目录
location / {
try_files $uri $uri/ /index.html; // 该句代码是为解决history路由不能跳转的问题,在vue-router官网有介绍
}
location /api/ {
proxy_pass http://服务器ip:监听的端口 // 使用nginx代理,直接解决了跨域的问题
}
}
注 :/api/ 要加两个斜杠不然会失败。不同情况不同分析