WebpackデベロッパーサーバーはフルURLを表示しません - angularjs、angular-ui-router、webpack

私はwebpack-dev-serverを介して私のアプリを起動していますが、例えば以下のような完全なURLの代わりに： http://localhost:8080/welcome ウェブパックはいつも私に見せて http://localhost:8080/webpack-dev-server。変更するオプションはありますか？

これは私のwebpackの設定です：

var loaders = require("./loaders");
var webpack = require("webpack");

module.exports = {
debug: true,
entry: ["./app/main.ts",],
output: {
filename: "./dist/build.js"
},
devtool: "source-map",
resolve: {
root: __dirname,
extensions: ["", ".ts", ".js", ".json"]
},
resolveLoader: {
modulesDirectories: ["node_modules"]
},
plugins: [
new webpack.ProvidePlugin({
$: "jquery",
jQuery: "jquery",
"window.jQuery": "jquery",
"window.jquery": "jquery"
})
],
module: {
loaders: loaders
},
externals: {
"angular": "angular",
"lodash": "_"
}
};

これらは私のローダーです：

module.exports = [
{
test: /.ts(x?)$/,
loader: "ts-loader"
},
{
test: /.html$/,
loader: "ngtemplate?relativeTo=/src/!html"
},
{
test: /.css$/,
loader: "style-loader!css-loader"
},
{
test: /.less$/,
loader: "style!css!less"
},
{
test: /.woff(2)?(?v=[0-9].[0-9].[0-9])?$/,
loader: "url-loader?limit=10000&mimetype=application/font-woff"
},
{
test: /.(ttf|eot|svg)(?v=[0-9].[0-9].[0-9])?$/,
loader: "file-loader"
},
{
test: ".jpg$",
exclude: /node_modules/,
loader: "file"
},
{
test: ".png$",
exclude: /node_modules/,
loader: "url"
}
];

回答：

デフォルトではlocalhost：8080 /に移動してアプリを起動します。あなたがi-フレームモードを使用しているならば、それはそうするでしょう http://localhost:8080/webpack-dev-server。 localhost：8080でアプリを実行したい場合は、publicPathをに設定します。 "/" 出力で

output: {
filename: "./dist/build.js",
publicPath:"/"
}

そしてあなたのpackage.jsonに

"start":"webpack-dev-server"