vue 打包部署后,非web根路径导致找不到js、css

引言

最近在写一个项目,想着打包测试一下跨域问题(没有使用代理),结果js和css报错404了,<script defer="defer" src="/js/chunk-vendors.c81e1ed1.js"> 好多引用都是/js/**
image.png

解决方案

在vue.config.js中设置

const { defineConfig } = require("@vue/cli-service");
module.exports = defineConfig({
  transpileDependencies: true,
  publicPath: "./", // 设置为部署路径
});

关键配置publicPath

再次打包就是./当前目录了

评论 0

还没有评论,来说点什么吧。

提交后需要审核才会公开。