vue打包后出现跨域问题
时间: 2023-08-17 09:05:13 浏览: 147
vue打包使用Nginx代理解决跨域问题
5星 · 资源好评率100%
在 Vue 打包后出现跨域问题,可能是因为打包后的静态文件是通过文件系统协议(file://)来访问的,而不是通过 HTTP 协议来访问的。
如果你的打包文件是通过 HTTP 协议来访问的,那么跨域问题就会被解决。你可以将打包后的文件部署到一个 HTTP 服务器上,例如 Nginx 或 Apache,然后通过 HTTP 协议来访问。
如果你无法将打包文件部署到 HTTP 服务器上,也可以使用 `webpack-dev-server` 提供的 `--public` 参数来指定公共路径。在使用 `vue-cli-service build` 命令打包时,可以加上 `--public /your/public/path/` 参数来指定公共路径。
例如,如果你的打包文件放在 `/myapp` 目录下,可以使用以下命令来打包:
```
vue-cli-service build --public /myapp/
```
这将会在打包后的文件中加入 `publicPath` 配置项,将静态资源的路径改为 `/myapp/` 开头的路径。这样,在访问静态资源时就会自动加上 `/myapp/` 前缀,避免了跨域问题。
阅读全文