vue-cli上传服务器后，请求服务器图片路径 more /dist/

Question

场景：

demo加载所有资源正常，图片可以正确上传，但需要额外/dist/图片路径。图片 404

服务器演示

演示配置：

vue.config.js:

module.exports = {

  publicPath: process.env.NODE_ENV === "production" ? "/dist/" : "/",
  lintOnSave: false,
  devServer: {
    proxy: {
      "/demo": {
        target: "http://xx.xx.xxx.xxx",
        ws: true,
        changeOrigin: true
      }
    }

  }
};

router.js

export default new Router({
  mode: 'hash',
  base: "/dist/",
  routes: [...]
})

我要把dist文件夹放到服务器目录下

我想摆脱 /dist/ 字段并让图像正确加载

Vue-CLi自动拼接图片路径，本地测试还行，部署服务器就差多了/dist/

我认为部署服务器时出了点问题。如何正确部署它？

你能帮帮我吗？

Answer 1

您可以使用 replace 方法将其从 url 中删除：

var url = 'url/dist/img'

var updatedUrl = url.replace('/dist','')

// GET(updatedURL, ...
console.log(updatedUrl)

vue-cli上传服务器后，请求服务器图片路径 more /dist/

After vue-cli uploads the server, the request server image path is more /dist/

javascript

vue.js

vue-cli