Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

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

vue-cli4.x中的本地静态文件下载异常?

之前vue-cli2.x的写法如下可以正常下载:

<a href="/static/test.csv" download="测试.csv">csv模板下载</a>

现在vue-cli4.x同样的写法就不行了(路由hash模式):

<a href="/public/downloadFile/signboard.csv" download="测试.csv">csv模板下载</a>
                                            <a href="/assets/signboard.csv" download="测试.csv">csv模板下载</a>

image.png

其他配置参考
image.png

"dependencies": {
    "axios": "^0.19.2",
    "babel-polyfill": "^6.26.0",
    "core-js": "^3.6.4",
    "dayjs": "^1.8.29",
    "dhtmlx-gantt": "^7.0.5",
    "echarts": "^4.8.0",
    "highcharts": "^8.1.2",
    "lodash": "^4.17.19",
    "view-design": "^4.2.0",
    "vue": "^2.6.11",
    "vue-router": "^3.1.6",
    "vuex": "^3.1.3"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "~4.3.0",
    "@vue/cli-plugin-router": "~4.3.0",
    "@vue/cli-plugin-unit-jest": "~4.3.0",
    "@vue/cli-plugin-vuex": "~4.3.0",
    "@vue/cli-service": "~4.3.0",
    "@vue/test-utils": "1.0.0-beta.31",
    "babel-plugin-import": "^1.13.0",
    "less": "^3.0.4",
    "less-loader": "^5.0.0",
    "vue-template-compiler": "^2.6.11"
  },

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

1 Answer

0 votes
by (71.8m points)

资源路径错了吧

改成requrie('@/assets/xx.png')试试

<img :src="require('@/assets/logo.png')" alt="" />

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...