Welcome toVigges Developer Community-Open, Learning,Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
1.1k views
in Technique[技术] by (71.8m points)

vue-cli v2.9升级到vue-cli 4.3 版本,静态资源(路径)如何处理?

项目之前用vue-cli 2.9版本创建的,但是现在运气起来特别慢,想升级一下vue-cli,今天果断升级到了@vue/cli 4.3.1 版本,我把项目文件直接拷贝到新项目里面,把访问静态资源路径由/static/ 改为了/public/,但是踩坑里面去了,访问静态资源返回结果老是返回一些html页面源码,访问路径:http://localhost:8081/public/wangEditor/wangEditor.js

经过多次尝试,发现把路径里面的/public/去掉即可正常访问,但是现在的问题是,很多访问静态资源的地方都带上了public,如果想通过 webpack 统一配置,改怎么修改呢?

注:我希望可以不去掉public才是正确的访问方式。因为我的静态资源只是从 static 换到了 public 文件夹下。


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)

@vue/cli 4.5.6使用UEditor配置,按照 这个教程 一步步走下来,我在本地成功运行。

但有一个注意点:在@vue/cli 4.5.6版本中,

data () {
  return {
    msg: '请输入内容',
    myConfig: {
      autoHeightEnabled: false, //编辑器不自动被内容撑高
      initialFrameHeight: 240, //初始容器高度
      initialFrameWidth: '50%', //初始容器宽度
      serverUrl: 'http://xxx/controller.php', //上传文件接口
      UEDITOR_HOME_URL: '/UEditor/' //【此处为重点,不需要修改为/public/UEditor/】
    }
  }
}

网上太多的教程没有标明详细的Vue-cli版本号,导致在UEDITOR_HOME_URL配置有点问题。
在此Mark一下。


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to Vigges Developer Community for programmer and developer-Open, Learning and Share
...