vue和php跨域,vue生产环境跨域问题？

谷歌未果，特来提问，谢谢！

vue.config.js

module.exports = {

publicPath: process.env.NODE_ENV === 'production' ? './' : '/',

devServer: {

proxy: {

'/api': {

target: 'http://api.demo.com',

changeOrigin: true,

ws: true,

pathRewrite: {

'^/api': ''

}

}

}

}

};

开发环境中的跨域靠proxy解决了，

生产环境中查阅资料可以用Nginx解决

my.conf

server {

listen 80;

server_name demo.com;

root /usr/share/nginx/www/html;

index index.php index.html index.htm;

location /api/ {

proxy_pass http://api.demo.com/;

}

}

server {

listen 80;

server_name api.demo.com;

root /usr/share/nginx/www/apiServer/public;

index index.php index.html index.htm;

location ~ \.php$ {

fastcgi_pass php:9000;

fastcgi_index index.php;

fastcgi_param SCRIPT_FILENAME /usr/share/nginx/www/apiServer/public$fastcgi_script_name;

include fastcgi_params;

}

}

重启Nginx后接口报502错误，是我哪里弄错了吗？