vue打包后路径多了个/css/static

在build/utils.js文件中添加publicPath:’…/…/’,重新打包即可。

if (options.extract) {
      return ExtractTextPlugin.extract({
        use: loaders,
        fallback: "vue-style-loader",
        publicPath: "../../"
      });
    } else {
      return ["vue-style-loader"].concat(loaders);

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
`src/main/resources/static` 目录是一个常见的 Spring Boot 项目用于存放静态资源文件的目录,包括 CSSJavaScript、图片等文件。这些文件可以被直接访问,而不需要经过 Spring MVC 的处理。 在使用 Vue.js 开发前端页面的时候,可以将 Vue.js 项目的打包文件(通常是一个包含了 HTML、CSSJavaScript 等文件的静态资源文件夹)放置在 Spring Boot 项目的 `src/main/resources/static` 目录下,然后在 Spring Boot 项目中配置对应的路由,使得用户可以通过访问 Spring Boot 项目的 URL 来访问 Vue.js 页面。 例如,假设 Vue.js 项目打包后的静态资源文件夹为 `dist`,则可以将其复制到 Spring Boot 项目的 `src/main/resources/static` 目录下,然后在 Spring Boot 项目的 `application.properties` 文件中添加如下配置: ``` # 配置 Spring Boot 的静态资源访问路径 spring.mvc.static-path-pattern=/static/** spring.resources.static-locations=classpath:/static/ ``` 这样,当用户访问 Spring Boot 项目的 URL 为 `/static/**` 的路径时,就会自动映射到 Spring Boot 项目的 `src/main/resources/static/` 目录下的对应文件。例如,如果 Vue.js 项目打包后的入口文件为 `index.html`,则可以通过访问 `http://localhost:8080/static/index.html` 来访问 Vue.js 页面。 需要注意的是,如果 Vue.js 项目中需要调用 Spring Boot 后端接口,可以通过 AJAX 或者 Axios 等方式来发送请求。在开发过程中,可以使用代理服务器(如 webpack-dev-server)来解决跨域问题,在生产环境中则需要在 Spring Boot 项目中进行跨域配置。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

江湖行骗老中医

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值