springboot+vue部署上线

再用nginx部署之前,接口用localhost可以正常访问接口,但换为自己的ip,部署完前后端之后,vue首页可以正常出现,但是登录页面请求接口出现404,哪出现问题了?

【以下回答由 GPT 生成】

可能产生404错误的原因是nginx配置文件中没有设置正确的路由规则,导致访问登录页面时无法找到对应的页面。下面是解决该问题的具体步骤和代码。

  1. 确保nginx已经正确安装并启动。

  2. 打开nginx的配置文件,一般位于 /etc/nginx/nginx.conf 或者 /usr/local/nginx/conf/nginx.conf

  3. 在配置文件中找到 server 配置块。如果你只有一个server配置块,直接修改它即可;如果有多个server配置块,找到对应的server。

  4. 在server配置块中添加以下代码,以将所有非API请求重定向到index.html:

location / {
  try_files $uri $uri/ /index.html;
}
  1. 保存并关闭配置文件。

  2. 使用以下命令重新加载nginx配置文件,使修改生效:

sudo service nginx reload
  1. 现在尝试访问登录页面,应该不再出现404错误。

以上步骤假设你的Vue.js项目已经构建好,并且静态文件被部署到了nginx的默认静态文件目录中(一般是 /usr/share/nginx/html)。如果你的项目结构或部署方式有特殊情况,请在注释中说明。

希望以上解决方案对你有所帮助。如果还有其他问题,请随时提问。



【相关推荐】



如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^