将前后端项目部署到Linux服务器上后，前端无法访问到后端解决方式（vue+SpringBoot）

江愁

于 2021-05-04 19:49:08 发布

阅读量1.3w

点赞数 4

分类专栏： Vue nginx SpringBoot 文章标签： nginx java vue linux https

本文链接：https://blog.csdn.net/qq_44089649/article/details/116403677

版权

本文主要介绍了在部署Vue+SpringBoot项目到Linux服务器后遇到的三大问题：HTTPS跨域、端口开放和后端代码报错或未启动的解决方案。包括修改Vue项目的代理配置，调整Nginx的HTTPS设置，开放阿里云安全组规则或通过宝塔面板放行端口，以及检查后端项目是否正确启动和排查报错的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题一：https跨域问题

下面举了三个前后端分离项目的例子，配置都差不多，只不过我想写详细一些给你们看，因为我配置第一个项目的时候还好，但是配置第二个项目遇到了一些问题。所以多写几个例子，方便大家看的明白一些。

修改vue项目中 config 下的 index.js 配置文件，加上代理

dev: {
	assetsSubDirectory: 'static',
	assetsPublicPath: '/',
	proxyTable: {
	   '/api': { //代理标识
	       target: 'http://localhost:8888',
	       changeOrigin: true, // 允许跨域
	       secure: false,
	       pathRewrite: {
	           '^.api': '/'
	       }
	   },
	   '/apis': { //代理标识
	       target: 'http://localhost:8889',
	       changeOrigin: true, // 允许跨域
	       secure: false,
	       pathRewrite: {
	           '^.apis': '/'
	       }
	   },
	   '/apiss': { //代理标识
	       target: 'http://localhost:8887',
	       changeOrigin: true, // 允许跨域
	       secure: false,
	       pathRewrite: {
	           '^.apiss': '/'
	       }
	   },
}

打开Linux上的安装的nginx下的目录，对nginx.conf文件进行修改
在server 443里面进行修改

server {
   
  listen 443 ssl;
  server_name www.upahead.cn;
  root /www/wwwroot/upahead.cn;#前端文件存放地址(官网 前端文件存放地址)
  index index.html index.htm;
  ssl_certificate  cert/cert_file_name.pem;
  ssl_certificate_key cert

最低0.47元/天解锁文章