vue-cli上传服务器后，请求服务器图片路径多为/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 方法将其从您的网址中删除：

var url = 'url/dist/img'

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

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