|
阅读：5421回复：0
使用nginx服务器，布置vue打包文件的常见问题
1. 使用history模式，页面显示空白
解决方法：将dist文件夹的内容，放到nginx服务器运行即可 2. vue 打包成dist后，代理跨域设置失效 解决方法：使用nginx服务器运行，并在nginx服务器的配置文件中，进行代码配置 配置代码如下： location /api/ {
proxy_pass http://172.16.8.9:8888/;
}注：1. /api 变成 /api/ 2. proxy_pass 设置的地址后面,一定要加 / 与分号 3. 解决子组件页新刷新显示404的问题， 配置代码如下： location / {
root html;
index index.html index.htm;
try_files $uri $uri/ /index.html;
}4. nginx 服务器常用指令 start nginx 启动 nginx -s stop 停止 不保存信息 nginx -s quit 停止 保存信息 nginx -s reload 重启 nginx -V 查看版本注：修改了配置文件一定要执行nginx -s reload 重启. 本人在测试过程中，执行命令也没能生效，最后，重启了一下电脑就可以了。所以，如果命令重启不行，你可以试着重启下电脑 |
|
|
公众号
