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;