自己开发了了个人网站
调用了外部的api,本地使用proxy,处理了开发环境的跨域,但是在生产环境还是报了跨域

: {
proxy: {
'/api': {
target: 'http://www.bing.com',
changeOrigin: true,
pathRewrite: {
"^/api": ''
}
},
'/baidu': {
target: 'http://api.map.baidu.com',
changeOrigin: true,
pathRewrite: {
"^/baidu": ''
}
}
},
},

我购买的是​​window云服务器​​​ 使用​​nginx​​部署我的网站

{
listen 80;
server_name localhost;

location /api/ {
proxy_pass http://www.bing.com/;
}
// 这里为处理跨域请求
location /baidu/ {
proxy_pass http://api.map.baidu.com/;
}

location / {
root C:\Users\Administrator\Desktop\build; //这是项目放置的文件路径
index index.html index.htm;
}

error_page 500 502 503 504 /50x.html;

location = /50x.html {
root html;
}
}

拓展
如果你想要网站使用​​​History​​​路由模式,不想在后面加上难看的​​#​​​ 你需要修改​​Nginx​

/ {
root C:\Users\Administrator\Desktop\build;
index index.html index.htm;
try_files $uri $uri/ @rewrites; //新增
}
//新增
location @rewrites {
rewrite ^(.+)$ /index.html last;
}

个人网站

www.vczer.com