nginx部署并解决跨域问题

nignix安装:(下载自行百度)

cmd切换到对应目录
//启动nginx
start nginx

//停止nginx
nginx.exe -s stop

//重启nginx
nginx.exe -s reload

//强制关闭所有nginx
taskkill /IM  nginx.exe  /F

//查看nginx版本
nginx -v 

配置项目地址:

多个项目复制一份即可,配置对应得 location / 和location  /api/ 即可(location  /api/一般指的服务器接口,会自动解决跨域问题)

常见得问题:

 1. 使用history模式,页面显示空白
  解决方法:将dist文件夹的内容,放到nginx服务器运行即可

2. nuxtjs打包成dist后,代理跨域设置失效
 解决方法:使用nginx服务器运行,并在nginx服务器的配置文件中,进行代码配置
 配置代码如下:


注:1. /server/V2/变成  /server/V2/
2. proxy_pass 设置的地址后面,一定要加 / 与分号


3. 解决子组件页新刷新显示404的问题,
    配置代码如下:

location / {
        root   html;
        index  index.html index.htm;
        try_files $uri $uri/ /index.html;

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值