时间：2025-01-05 09:02:18
vue访问本地资源
在Vue项目中访问本地资源，可以通过以下两种方式：
1. 使用绝对路径引用static下的资源：在Vue项目中，可以将本地文件放在static目录下，然后通过get请求访问。例如，可以使用this.$axios.get("/static/data/zt_bj_5g_location3.csv")来请求本地文件。如果项目部署到服务器，可以使用process.env.NODE_ENV来区分开发环境和生产环境，例如："let url=baseUrl+'/static/data/zt_bj_5g_location3.csv'" 。
2. 使用nginx配置本地资源：可以将本地资源在nginx上配成服务，修改nginx.conf文件，例如："location / {root C:\\\\Users\\\\Administrator\\\\Desktop\\\\pc\\\\zhinenganjianahead\\\npback\\\\dist; index index.html index.htm;}"。配置好后重启nginx，在vue项目中可以直接访问ip+端口号，例如："" 。
需要注意的是，如果需要在Vue项目中遍历文件夹下的文件，可以使用window.showDirectoryPicker()方法，但需要在https条件下调试。此外，如果需要读取本地文件，可以使用getFilePrefixLen()方法来获取文件的前缀长度。
《vue访问本地文件目录》不代表本网站观点，如有侵权请联系我们删除
