Javascript vue cli上载服务器后,请求服务器映像路径为more/dist/
场景: 演示正常加载所有资源,图像可以正确上载,但请求额外的Javascript vue cli上载服务器后,请求服务器映像路径为more/dist/,javascript,vue.js,vue-cli,Javascript,Vue.js,Vue Cli,场景: 演示正常加载所有资源,图像可以正确上载,但请求额外的/dist/图像路径。图404 服务器上的演示 演示配置: vue.config.js: module.exports = { publicPath: process.env.NODE_ENV === "production" ? "/dist/" : "/", lintOnSave: false, devServer: { proxy: { "/demo": { target: "
/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
}
}
}
};
我将把dist
文件夹放在服务器目录中
我想去掉/dist/field,让图像正确加载
Vue CLi
自动拼接映像路径,本地测试很好,但部署服务器要多得多/dist/
我认为在部署服务器时出现了一些问题。如何正确部署它
您能帮助我吗?您可以使用
replace
方法将其从url中删除:
var url='url/dist/img'
var updateUrl=url.replace('/dist','')
//获取(更新URL。。。
console.log(updatedUrl)
谢谢您的回答,但是在Vue中,如果您收到请求,它会自动连接stringscan?是的,但是还有一个/dist/,因此映像不成功
router.js
export default new Router({
mode: 'hash',
base: "/dist/",
routes: [...]
})