springboot+VUE+部署（12。Nginx和前端配置遇到的问题）

在本机可以，但发布到云端不行。

前端的配置要改：

检查生产环境配置文件（ .env.production）：

复制代码

# just a flag
ENV = 'production'

# base api
VUE_APP_BASE_API = 'http://15.64.249.212/api'

原先的配置是：VUE_APP_BASE_API = 'http://localhost:9999'

然后是Nginx的配置文件有问题，下面是正确的配置：

复制代码

##
# You should look at the following URL's in order to grasp a solid understanding
# of Nginx configuration files in order to fully unleash the power of Nginx.
# https://www.nginx.com/resources/wiki/start/
# https://www.nginx.com/resources/wiki/start/topics/tutorials/config_pitfalls/
# https://wiki.debian.org/Nginx/DirectoryStructure
#
# In most cases, administrators will remove this file from sites-enabled/ and
# leave it as reference inside of sites-available where it will continue to be
# updated by the nginx packaging team.
#
# This file will automatically load configuration files provided by other
# applications, such as Drupal or Wordpress. These applications will be made
# available underneath a path with that package name, such as /drupal8.
#
# Please see /usr/share/doc/nginx-doc/examples/ for more detailed examples.
##

# Default server configuration
#
# server {
# 	listen 80 default_server;
# 	listen [::]:80 default_server;
# 
# 	# SSL configuration
# 	#
# 	# listen 443 ssl default_server;
# 	# listen [::]:443 ssl default_server;
# 	#
# 	# Note: You should disable gzip for SSL traffic.
# 	# See: https://bugs.debian.org/773332
# 	#
# 	# Read up on ssl_ciphers to ensure a secure configuration.
# 	# See: https://bugs.debian.org/765782
# 	#
# 	# Self signed certs generated by the ssl-cert package
# 	# Don't use them in a production server!
# 	#
# 	# include snippets/snakeoil.conf;
# 
# 	root /var/www/html;
# 
# 	# Add index.php to the list if you are using PHP
# 	index index.html index.htm index.nginx-debian.html;
# 
# 	server_name _;
# 
# 	location / {
# 		# First attempt to serve request as file, then
# 		# as directory, then fall back to displaying a 404.
# 		try_files $uri $uri/ =404;
# 	}
# 
# 	# pass PHP scripts to FastCGI server
# 	#
# 	#location ~ \.php$ {
# 	#	include snippets/fastcgi-php.conf;
# 	#
# 	#	# With php-fpm (or other unix sockets):
# 	#	fastcgi_pass unix:/run/php/php7.4-fpm.sock;
# 	#	# With php-cgi (or other tcp sockets):
# 	#	fastcgi_pass 127.0.0.1:9000;
# 	#}
# 
# 	# deny access to .htaccess files, if Apache's document root
# 	# concurs with nginx's one
# 	#
# 	#location ~ /\.ht {
# 	#	deny all;
# 	#}
# }


# Virtual Host configuration for example.com
#
# You can move that to a different file under sites-available/ and symlink that
# to sites-enabled/ to enable it.
#
server {
	listen 80;
	listen [::]:80;

	server_name 154.64.249.212;


	location / {
		root /var/www/html/dist;
		index index.html;
		try_files $uri $uri/ =404;
	}
	
	 location /api/ {
         	proxy_pass http://127.0.0.1:9999/; # 后端地址（服务器本机可写 127.0.0.1）
       	 	proxy_set_header Host $host;
         	proxy_set_header X-Real-IP $remote_addr;
         	proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    	 }
}

添加了下面的配置：

location /api/ {
proxy_pass http://127.0.0.1:9999/; # 后端地址（服务器本机可写 127.0.0.1）
proxy_set_header Host $host; proxy_set_header X-Real-IP$ remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}

做了上面的更改后，前端重新编译，并上传云端。Nginx服务重启。再测试就正确了。