使用Vue开发，配置history路由模式刷新出现404,Nginx详细配置解决办法(包括https配置，代理配置等等，服务器配置) 前端代码如下： 在部署上服务器的时候，就会出现刷新404问题。 实际上这个问题是可以在nginx配置的时候解决的。 以下是nginx详细配置： 注意：这里边有https证书配置，记得把证书上传到/etc/nginx/certs路径下， 以上就是完整配置nginx文件，记得把your-domain-name换成你的域名，配置后重启nginx服务器即可。

前后分离 axios 接 api 跨域问题如图： 解决办法： 1. npm start 本地开发环境解决： 在webpack配置文件 /config/index.js 里找到 proxyTable 开启代理 changeOrigin:true, 2. npm run build 把 dist 放线上后解决： nginx 的 配置文件 xx.conf 的 server {} 里加如下： 支付 ¥4.99 购买本节后解锁剩余7%的内容 微信支付 如已付费购买，请免登录验证。

结论，简单理解为：代理的地址在端口以后如果有东西(包括目录或者/),转发地址会去除location匹配的目录(根据匹配的字符，如果是/api则去除api，如果是/api/则去除/api/) 如果代理地址到端口就没了(没有目录或/),那么转发地址会保留匹配目录 后期对照 alias与root的区别 参考一 ：proxy_pass 1.location和proxy_pass都带/，则真实地址不带location匹配目录 <code class=" language-cpp">locati…