[PHP知识库] vuecli打包的项目在本地的nginx上访问不了？

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> PHP知识库 -> vuecli打包的项目在本地的nginx上访问不了？ -> 正文阅读

[PHP知识库]vuecli打包的项目在本地的nginx上访问不了？

操作过程：
1.所有的配置都没有动过（vuecli的所以打包配置）
2.npm run build打包
3.把打包的dist（所有文件）放到解压后的ngnix的html里
4.通过127.0.0.1:80/dist/index.html访问
情况：页面白屏，但是服务又启动了，这可怎么办呢？
在这里插入图片描述

但是神奇的是img的静态资源能访问。。。。。。
解决方法有两个：
1.把dist里面的资源，复制到html中，或者切到html中
2.更改nginx文件的conf文件夹下面的nginx.conf配置，在server对线里加入

#add_header Access-Control-Allow-Origin *;

        #add_header Access-Control-Allow-Headers X-Requested-With;

        #add_header Access-Control-Allow-Methods GET,POST,OPTIONS;